React router: как передать параметр из URL в компонент?

Question

Например, если у меня есть

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

Как получить параметр: name для использования в рендере?

Answer 1

Это будет часть объекта match, который передается как реквизит.

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

Answer 2

Исправлено -

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