07-lesson;

Author: dosandk

lessons/07-more-nesting/index.js

@@ -9,8 +9,9 @@ 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,16 +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>
-        </ul>
-      </div>
-    )
-  }
+    render() {
+        return (
+            <div>
+                <h2>Repos</h2>
+                <ul>
+                    <li><NavLink to="/repos/reactjs/react-router">React Router</NavLink></li>
+                    <li><NavLink to="/repos/facebook/react">React</NavLink></li>
+                </ul>
+
+                {this.props.children}
+            </div>
+        )
+    }
 })