React路由器：如何将参数从URL传递到组件？

【问题标题】：React router: how to pass param from URL into component?React路由器：如何将参数从URL传递到组件？
【发布时间】：2019-01-04 00:56:55
【问题描述】：

例如，如果我有

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

如何拉取 :name 参数以在渲染中使用？

【问题讨论】：

【解决方案1】：

已修复-

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

【讨论】：

【解决方案2】：

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

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

【讨论】：