title: Create different instance of a React component in React Router with import
body: <p>I am trying to initiate to use the same component but passing diffrent props to it depending on the route. Like this:</p>
  
  <pre><code>import React from "react";
  import ReactDOM from "react-dom";
  import { Router, Route, IndexRoute, hashHistory } from "react-router";
  
  import Layout from "./pages/Layout";
  import ApplicantsContainer from "./pages/ApplicantsContainer";
  import Filtered from "./pages/Filtered";
  import ApplicantStore from "./stores/ApplicantStore";
  
  const app = document.getElementById('app');
  ReactDOM.render(
    &lt;Router history={hashHistory}&gt;
      &lt;Route path="/" component={Layout}&gt;
        &lt;IndexRoute/&gt;
        &lt;Route path="new" component={ApplicantsContainer} getData={ApplicantStore.getNew.bind(ApplicantStore)}/&gt;
        &lt;Route path="prescreen" component={ApplicantsContainer} getData={ApplicantStore.getPrescreen.bind(ApplicantStore)}/&gt;
        &lt;Route path="interview" component={ApplicantsContainer} getData={ApplicantStore.getInterview.bind(ApplicantStore)}/&gt;
        &lt;Route path="offer" component={ApplicantsContainer} getData={ApplicantStore.getOffer.bind(ApplicantStore)}/&gt;
        &lt;Route path="hired" component={ApplicantsContainer} getData={ApplicantStore.getHired.bind(ApplicantStore)}/&gt;
        &lt;Route path="declined" component={ApplicantsContainer} getData={ApplicantStore.getDeclined.bind(ApplicantStore)}/&gt;
        &lt;Route path="filtered" component={Filtered}/&gt;
      &lt;/Route&gt;
    &lt;/Router&gt;,
  app);
  </code></pre>
  
  <p>The problem is all routes receives the same instance of the component and use only the first getData props. How to declare different instances of the <strong>ApplicantsContainer</strong> component?</p>