updated/renamed data-flow example

ryanflorence · ryanflorence · commit a0b0835aa9b4 · 2015-06-09T23:56:14.000-06:00
diff --git a/examples/index.html b/examples/index.html
@@ -7,7 +7,7 @@ <h1>React Router Examples</h1>
 <li><a href="animations/index.html">Animations</a></li>
 <li><a href="async-data/index.html">Async Data</a></li>
 <li><a href="auth-flow/index.html">Auth Flow</a></li>
-<li><a href="data-flow/index.html">Data Flow</a></li>
+<li><a href="passing-props-to-children/index.html">Passing Props to Children</a></li>
 <li><a href="dynamic-segments/index.html">Dynamic Segments</a></li>
 <li><a href="master-detail/index.html">Master Detail</a></li>
 <li><a href="huge-apps/index.html">Huge Apps (Partial App Loading)</a></li>
diff --git a/examples/passing-props-to-children/app.css b/examples/passing-props-to-children/app.css
diff --git a/examples/passing-props-to-children/app.js b/examples/passing-props-to-children/app.js
@@ -1,6 +1,5 @@
 var React = require('react');
-var { Route, createRouter, Link, Navigation } = require('react-router');
-var HashHistory = require('react-router/HashHistory');
+var { Router, Route, Link, Navigation, HashHistory } = require('react-router');
 
 var App = React.createClass({
 
@@ -35,7 +34,7 @@ var App = React.createClass({
     var links = this.state.tacos.map(function (taco, i) {
       return (
         <li key={i}>
-          <Link to="taco" params={taco}>{taco.name}</Link>
+          <Link to={`/taco/${taco.name}`}>{taco.name}</Link>
         </li>
       );
     });
@@ -71,10 +70,10 @@ var Taco = React.createClass({
   }
 });
 
-var Router = createRouter(
-  <Route component={App}>
-    <Route name="taco" path="taco/:name" component={Taco}/>
-  </Route>
-);
-
-React.render(<Router history={HashHistory}/>, document.getElementById('example'));
+React.render((
+  <Router history={HashHistory}>
+    <Route path="/" component={App}>
+      <Route path="taco/:name" component={Taco}/>
+    </Route>
+  </Router>
+), document.getElementById('example'));
diff --git a/examples/passing-props-to-children/index.html b/examples/passing-props-to-children/index.html
@@ -3,8 +3,8 @@
 <link href="../global.css" rel="stylesheet"/>
 <link href="app.css" rel="stylesheet"/>
 <body>
-<h1 class="breadcrumbs"><a href="../index.html">React Router Examples</a> / Data Flow</h1>
+<h1 class="breadcrumbs"><a href="../index.html">React Router Examples</a> / Passing Props to Children</h1>
 <div id="example"/>
 <script src="/__build__/shared.js"></script>
-<script src="/__build__/data-flow.js"></script>
+<script src="/__build__/passing-props-to-children.js"></script>
 
