Как отправить значение с маршрутом - реагировать

Question

это мой маршрут:

<Route path="/about-cards/:id?" component={AboutCards} />

тогда это мой URL:

http://localhost:3000/about-cards?id=1

внутри моего AboutCards компонента:

  componentDidMount() {
    console.log('this.props.match.params.id',this.props.match.params.id)

но этораспечатать undefined

Answer 1

this.props.match.params выдаст только параметры URL, а не параметры запроса.

Использование this.props.location.search. Это даст вам ?id=1.Выполните некоторую обработку, чтобы получить id.

В современных браузерах, которые поддерживают URL API, это может быть достигнуто с помощью URLSearchParams.

let queryParams = new URLSearchParams(this.props.location.search);

queryParams.get('id'); //instead id,one can query param name.
// will give 1