React router and this.props.children - how to pass state to this.props.children : <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>
