9 năm trước cách đây · 82cc8a6897
--- a/index.css
+++ b/index.css
@@ -0,0 +1,4 @@
 
				+.active {
			
 
				+  color: green;
			
 
				+}
			
 
				+
			
--- a/index.html
+++ b/index.html
@@ -2,6 +2,7 @@
 
				 <html>
			
 
				 <meta charset=utf-8/>
			
 
				 <title>My First React Router App</title>
			
 
				+<link rel=stylesheet href=index.css>
			
 
				 <div id=app></div>
			
 
				 <script src="bundle.js"></script>
			
 
				 
			
--- a/modules/App.js
+++ b/modules/App.js
@@ -1,5 +1,5 @@
 
				 import React from 'react'
			
 
				-import { Link } from 'react-router'
			
 
				+import NavLink from './NavLink'
			
 
				 
			
 
				 export default React.createClass({
			
 
				   render() {
			
@@ -7,8 +7,8 @@ export default React.createClass({
 
				       <div>
			
 
				         <h1>React Router Tutorial</h1>
			
 
				         <ul role="nav">
			
 
				-          <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 @@
 
				+// modules/NavLink.js
			
 
				+import React from 'react'
			
 
				+import { Link } from 'react-router'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return <Link {...this.props} activeClassName="active"/>
			
 
				+  }
			
 
				+})
			
 
				+