title: Wrapping application routes for children with React-Router-4
body: <p>When using react-router (version 3), I was able to create nested routes, as the wrapper component received the children.
  I was able, this way, the use a "global" reducer for the root component, as every child component had it's own reducer:</p>
  
  <pre><code>&lt;Provider store={store}&gt;
      &lt;Router key={Math.random()} history={browserHistory}&gt;
          &lt;Route path="/" component={App}&gt;
              &lt;IndexRoute component={MainPage}/&gt;
              &lt;Route path="mainPage" component={MainPage}/&gt;
              &lt;Route path="secPage" component={SecPage}/&gt;
              &lt;Route path="*" component={MainPage}/&gt;
          &lt;/Route&gt;
      &lt;/Router&gt;
  &lt;/Provider&gt;
  </code></pre>
  
  <p>And inside the root component:</p>
  
  <pre><code>render() {
          return (
          &lt;div className="app-wrapper"&gt;
              {this.props.children}
          &lt;/div&gt;
      );
  }
  </code></pre>
  
  <p>I upgraded the router to use version 4:</p>
  
  <pre><code>&lt;Provider store={store}&gt;
      &lt;Router history={history}&gt;
          &lt;div&gt;
              &lt;Route exact path="/" component={MainPage}/&gt;
              &lt;Route path="secPage" component={SecPage}/&gt;
              &lt;Route path="mainPage" component={MainPage}/&gt;
          &lt;/div&gt;
      &lt;/Router&gt;
  &lt;/Provider&gt;
  </code></pre>
  
  <p>And as you can see- my routes are now "Flat", so I can't really use the root component, and therefor need the use the "globalReducer" for each Component.</p>
  
  <p>How can I use the same method as before? or at least something close to it?</p>