Finish lesson 7: 嵌套路由部分渲染，然后使用NavLink链接高亮

Author: TsaiKoga

lessons/07-more-nesting/index.js

@@ -9,8 +9,10 @@ import Repo from './modules/Repo'
 render((
   <Router history={hashHistory}>
     <Route path="/" component={App}>
-      <Route path="/repos" component={Repos}/>
-      <Route path="/repos/:userName/:repoName" component={Repo}/>
+      <Route path="/repos" component={Repos}>
+        {/* 只要嵌套就可以部分渲染 */}
+        <Route path="/repos/:userName/:repoName" component={Repo}/>
+      </Route>
       <Route path="/about" component={About}/>
     </Route>
   </Router>

lessons/07-more-nesting/modules/Repos.js

@@ -1,15 +1,18 @@
 import React from 'react'
 import { Link } from 'react-router'
+import NavLink from './NavLink'
 
 export default React.createClass({
   render() {
     return (
       <div>
         <h2>Repos</h2>
         <ul>
-          <li><Link to="/repos/reactjs/react-router">React Router</Link></li>
-          <li><Link to="/repos/facebook/react">React</Link></li>
+          <li><NavLink to="/repos/reactjs/react-router">React Router</NavLink></li>
+          <li><NavLink to="/repos/facebook/react">React</NavLink></li>
         </ul>
+        {/* will render `Repo.js` when at /repos/:userName/:repoName */}
+        {this.props.children}
       </div>
     )
   }