title: How to persist state across react router transitions
body: <p>I've got the fairly typical react-router app set up:</p>
  
  <pre><code>var App = React.createClass({
      render: function() {
          return ( &lt; RouteHandler /&gt; );
      }
  });
  
  var routes = (
      &lt;Route handler = { App }&gt;
          &lt; Route name = "Todo" path = "todo/:id" handler = {Todo}/&gt;
          &lt; DefaultRoute name = "Todos" handler = {Todos}/&gt;
      &lt;/Route&gt;
  );
  
  Router.run(routes, function(Handler) {
      React.render( &lt; Handler /&gt; , document.getElementById('content'));
  });
  </code></pre>
  
  <p>My issue is that my <code>Todos</code> component has some search filters on it, and I want to persist those filters when I transition to a specific <code>Todo</code> and back. The obvious solution is to save those filter values on <code>App</code>'s state, but I can't figure out an elegant way to allow <code>Todos</code> access to <code>App</code>'s state.</p>
  
  <p>Any hints?</p>
  
  <p><strong>Addendum</strong>: This app is using Reflux as well as react-router.</p>