title: React router url params not stored in props
body: <p>I have a simple routes:</p>
  
  <pre><code>import Foo from './Foo';
  import Bar from './Bar';
  
  const Routes = (
      &lt;ReactRouter.Route handler={App} path="/"&gt;
          &lt;ReactRouter.Route path="foo" handler={Foo} /&gt;
          &lt;ReactRouter.Route path="foo/:bar" handler={Bar} /&gt;
      &lt;/ReactRouter.Route&gt;
  );
  </code></pre>
  
  <p>and components: </p>
  
  <pre><code>const Foo = React.createClass({
  ...
  })
  
  ...
  
  const Bar = React.createClass({
      componentDidMount() {
          console.log('props', this.props.params);
      },
      render() {
          console.log(this.props.params);
          return (
              &lt;div&gt;Bar Component&lt;/div&gt;
          );
      }
  });
  
  export default Bar;
  </code></pre>
  
  <p>When I navigate to <code>/foo</code> I get my <code>Foo</code> component rendered. When I navigate to <code>/foo/something</code> I get my <code>Bar</code> component rendered but I my <code>props</code> object is empty. I was assuming I should have <code>this.props.params</code> with <code>bar = something</code> there.
  I was following <a href="http://rackt.github.io/react-router/#Router" rel="nofollow noreferrer">http://rackt.github.io/react-router/#Router</a> Overview and also <a href="https://stackoverflow.com/questions/26474617/nested-details-route-with-react-router-not-rendering">Nested details route with react-router not rendering</a> but with no luck.</p>