React Router：如何将参数从URL传递到组件中？

Question

例如，如果我有

<Route path='/contacts/:name' render={() => (
    <div>Hello, { name } </div>
)} />

如何拉出：name参数以在渲染中使用？

Answer 1

已修复-

    <Route path='/contacts/:name' render={(props) => (
      <div>Hello, { props.match.params.name } </div>
    )} />

Answer 2

它将是match对象的一部分，该对象作为道具传递。

<Route path='/contacts/:name' render={({ match }) => (
    <div>Hello, { match.params.name } </div>
)} />