реагировать на строку запроса Redux

Question

У меня есть этот маршрут

<Route path="/Info/:id/:name/:type">
  <Info />
</Route>;

И это информационная страница

 export default class Info extends React.PureComponent {
  public state = {
  }
  componentDidMount () {

  }

  render () {
    return (
      <div>
        this is info
      </div>
    )
  }
}

Как мне получить идентификатор строки запроса, имя и тип для информации

Answer 1

Вы можете использовать match объект react-router.

Class Info extends React.PureComponent{
  render(){
    return(
      <h2>{this.props.match.params.id}</h2>
    )
  }
}

Подробнее о match объект здесь

Если вы используете react-router-dom 5.1

Тогда вы можете использовать useParams.

Подробнее о useParams здесь

Answer 2

Попробуйте useParams от реактивного маршрутизатора. т.е.;

import React from "react";
import {
  useParams
} from "react-router-dom";

export default class Info extends React.PureComponent {
  componentDidMount() {

  }

  render() {
    let { id, name, type } = useParams();
    return (
      <div>
        this is info
      </div>
    );
  }
}