9 năm trước cách đây · c1accbc356
--- a/index.html
+++ b/index.html
@@ -1,7 +1,13 @@
 
				-<!doctype html public="storage">
			
 
				+<!DOCTYPE html>
			
 
				 <html>
			
 
				-<meta charset=utf-8/>
			
 
				-<title>My First React Router App</title>
			
 
				-<div id=app></div>
			
 
				-<script src="bundle.js"></script>
			
 
				+  <head>
			
 
				+    <meta charset=utf-8/>
			
 
				+    <title>My First React Router App</title>
			
 
				+    <link rel="stylesheet" href="styles.css" />
			
 
				+  </head>
			
 
				 
			
 
				+  <body>
			
 
				+    <div id=app></div>
			
 
				+    <script src="bundle.js"></script>
			
 
				+  </body>
			
 
				+</html>
			
--- a/modules/App.js
+++ b/modules/App.js
@@ -1,4 +1,5 @@
 
				 import { Link } from "react-router";
			
 
				+import NavLink from './NavLink';
			
 
				 import React from "react";
			
 
				 
			
 
				 export default React.createClass({
			
@@ -8,8 +9,8 @@ export default React.createClass({
 
				         <h1>React router tutorial</h1>
			
 
				         <ul role="nav">
			
 
				           <li><Link to="/">Home</Link></li>
			
 
				-          <li><Link to="/about">About</Link></li>
			
 
				-          <li><Link to="/repos">Repos</Link></li>
			
 
				+          <li><NavLink to="/about">About</NavLink></li>
			
 
				+          <li><NavLink to="/repos">Repos</NavLink></li>
			
 
				         </ul>
			
 
				         { this.props.children }
			
 
				       </div>
			
--- a/modules/NavLink.js
+++ b/modules/NavLink.js
@@ -0,0 +1,10 @@
 
				+import React from 'react';
			
 
				+import { Link } from 'react-router';
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return (
			
 
				+      <Link {...this.props} activeClassName="active" />
			
 
				+    )
			
 
				+  }
			
 
				+})
			
--- a/styles.css
+++ b/styles.css
@@ -0,0 +1,3 @@
 
				+a.active {
			
 
				+  color: red;
			
 
				+}