title: How to update state after React Router changes automatically?
body: <p>I have a file with router and a component. Shortly, the code is like this:</p>
  
  <pre><code>// define the routes for each language ..
  const InnerRoutes = (
      &lt;Route&gt;
          &lt;IndexRoute page="home" component={StaticPage}&gt;&lt;/IndexRoute&gt;
          &lt;Route path="contacts" component={ContactsPage}&gt;&lt;/Route&gt;
          &lt;Route path="(:page)" component={StaticPage}&gt;&lt;/Route&gt;
      &lt;/Route&gt;
  );
  
  // define the routes for all the languages, using InnerRoutes .. 
  const AllRoutes = (
      &lt;Router history={browserHistory}&gt;
          &lt;Route path='/' component={App} language="bg"&gt;
              {InnerRoutes}
              &lt;Route path="en" language="en"&gt;
                  {InnerRoutes}
              &lt;/Route&gt;
          &lt;/Route&gt;
      &lt;/Router&gt;
  );
  
  // and render our app ..
  ReactDOM.render(
      AllRoutes,
      document.getElementById('app')
  );
  </code></pre>
  
  <p>My question is: how can I have the <code>App</code> component state changed when router change is triggered?
  And of course - have the router params in the app state.</p>
  
  <p>(Because currently I can take the router stuff from the <code>App</code> component's method <code>componentDidUpdate</code> and then trigger <code>setState</code> to change the <code>App</code> state. Unfortunately - then I have the <code>componentDidUpdate</code> triggered twice.)</p>