React.js как получить доступ к параметру в URL ссылки на маршрутизатор из компонента функции?

Question

У меня был доступ к параметрам из URL-адреса маршрутизатора с использованием следующего:

${this.props.match.params.id}.

есть ли способ получить доступ к тому же параметру из функционального компонента, а не к компоненту класса?

Answer 1

Вы можете использовать withRouter hoc, предоставленный реагирующим маршрутизатором :

Вы можете получить доступ к свойствам исторического объекта и совпадению ближайшего с помощью withRouterкомпонент заказа.withRouter будет передавать обновленные совпадения, местоположение и историю в упакованный компонент всякий раз, когда он рендерится.

import { withRouter } from 'react-router';

const Component = props => ...

// now you can access props.history|match|location
const ComponentWithRouteProps = withRouter(Component);