Flux - 5 - Nesting Routes

Author: StephenGrider

imgur-client/src/app.jsx

@@ -14,7 +14,10 @@ var Hello = React.createClass({
 
 var Child1 = React.createClass({
   render: function() {
-    return <h1>I'm child1</h1>
+    return <h1>
+      I'm child1
+      {this.props.children}
+    </h1>
   }
 });
 
@@ -27,7 +30,9 @@ var Child2 = React.createClass({
 var routes = (
   <Router history={new HashHistory}>
     <Route path="/" component={Hello}>
-      <Route path="1" component={Child1} />
+      <Route path="1" component={Child1}>
+        <Route path="2" component={Child2} />
+      </Route>
       <Route path="2" component={Child2} />
     </Route>
   </Router>