title: React Nested Route with params
body: <p>I have a page with this route:</p>
  
  <pre><code>"/Transfers/e58e63d4-ed09-430a-b2e5-5350c4510648"
  </code></pre>
  
  <p>I want to use nested route in the same page like this:</p>
  
  <pre><code>&lt;Transfer transferId={this.props.match.params.id} /&gt;
  
  &lt;Link  to={`/Transfers/${this.props.match.params.id}/TransferItems`}&gt;Transfer Items&lt;/Link&gt;
  &lt;Link  to={`/Transfers/${this.props.match.params.id}/NewTransferItem`}&gt;New Transfer Item&lt;/Link&gt;
  
  &lt;Switch&gt;
      &lt;Route
          path="/Transfers/:transferId/TransferItems"
          exact
          render={() =&gt; &lt;TransferItems transferId={this.props.match.params.id} /&gt;}
      /&gt;
      &lt;Route
          path="/Transfers/:transferId/NewTransferItem"
          exact
          render={() =&gt; &lt;NewTransferItem transferId={this.props.match.params.id} /&gt;}
      /&gt;
  &lt;/Switch&gt;
  </code></pre>
  
  <p>How can I do this?</p>