title: React Router - Passing match via props to a component rendered using Route::render
body: <p>This Route is using the render prop to render a child component with props:</p>
  
  <pre><code>&lt;Route to='/path/:id' render={ () =&gt; (&lt;ChildComponent myProp={myProp} match={this.props.match}/&gt;)} /&gt;
  </code></pre>
  
  <p>But the version of <code>match</code> passed seems to be 'matching' against the parent component's route state and is thus not registering <code>id</code> underneath <code>match.route.params</code>.</p>
  
  <p>I figured some solution like this might synchronize the route state:</p>
  
  <pre><code>&lt;Route to='/path/:id' render={ () =&gt; (withRouter(&lt;ChildComponent myProp={myProp} /&gt;))} /&gt;
  </code></pre>
  
  <p>But that just leads to an error saying that child components cannot be functions...</p>
  
  <p>What's the correct way to deal with this?</p>