title: React router and this.props.children - how to pass state to this.props.children
body: <p>I'm using React-router for the first time and I don't know how to think in it yet. Here's how i'm loading my components in nested routes.</p>
  
  <p><strong>entry point .js</strong></p>
  
  <pre><code>ReactDOM.render(
      &lt;Router history={hashHistory} &gt;
          &lt;Route path="/" component={App}&gt;
              &lt;Route path="models" component={Content}&gt;
          &lt;/Route&gt;
      &lt;/Router&gt;, 
      document.getElementById('app')
  );
  </code></pre>
  
  <p><strong>App.js</strong></p>
  
  <pre><code>  render: function() {
      return (
        &lt;div&gt;
          &lt;Header /&gt;
          {this.props.children}
        &lt;/div&gt;
      );
    }
  </code></pre>
  
  <p>So the child of my App is the Content component I sent in. I'm using Flux and my App.js has the state and listens for changes, but I don't know how to pass that state down to this.props.children. Before using react-router my App.js defines all children explicitly, so passing state was natural but I don't see how to do it now.</p>