title: React Router this.context.router.push does not remount the component
body: <p>We have a click handler that updates the url using the react router 2.0 this.context.router.push().  See below:</p>
  
  <pre><code>selectRelatedJob(slug) {
    JobActionCreators.fetchJobPage(slug);
    JobsActionCreators.getRelatedJobs({'sl': slug});
    this.context.router.push({pathname: '/job', query: {sl: slug}});
  }
  </code></pre>
  
  <p>Our goal is to fetch the new data based on the "sl" query string, but our componentWillMount() method is not being called because we are updating the url to the same path --- just a different query string.  Instead the update lifecycle methods are being called.  Our current approach is to call the action creators to fetch the data directly in the click handler.  However, this seems redundant and hacky because we have already updated the url.  Ideally, the component would get unmounted and remounted.</p>
  
  <p>Here are the nested routes:</p>
  
  <pre><code>&lt;Route component={App}&gt;
    &lt;Route path="/" component={HomePage}/&gt;
      &lt;Route path="job" component={JobPage}/&gt;
      &lt;Route path="job/" component={JobPage}/&gt;
    &lt;/Route&gt;
  &lt;/Route&gt;
  </code></pre>
  
  <p>What is the best case practice around navigating to the current url with a different query string?</p>