Implementation of nested routes lesson-04

Author: sayinala

lessons/04-nested-routes/index.js

@@ -7,8 +7,9 @@ import Repos from './modules/Repos'
 
 render((
   <Router history={hashHistory}>
-    <Route path="/" component={App}/>
-    <Route path="/repos" component={Repos}/>
-    <Route path="/about" component={About}/>
+    <Route path="/" component={App}>
+      <Route path="/repos" component={Repos}/>
+      <Route path="/about" component={About}/>
+    </Route>
   </Router>
 ), document.getElementById('app'))

lessons/04-nested-routes/modules/App.js

@@ -10,6 +10,8 @@ export default React.createClass({
           <li><Link to="/about">About</Link></li>
           <li><Link to="/repos">Repos</Link></li>
         </ul>
+
+        {this.props.children}
       </div>
     )
   }