React Router Match с параметрами

Question

Таким образом, большинство примеров соответствия параметров, которые я обнаружил, имеют одинаковую структуру.Внутри

const TopicDetail = ({ match }) => {

Это прекрасно работает при получении совпадения, а затем, например, при обращении к идентификатору с помощью {match.params.topicId}.

На этой странице настроен полный класс, поэтому он выглядит примерно так

class main extends Component {
  render() {
    return (

и App.js как этот

<Route path="/:type" component={main} />

, и если я введу совпадение в render ({match}), то попытаюсь получить доступ к {match.params.type}, яполучить сообщение об ошибке.

Как мне добиться совпадения в моем классе?Нужно ли иметь константу за пределами моего класса, а затем получить значение const?Если да, может кто-нибудь опубликовать рабочий пример?

Error: TypeError: Cannot read property 'match' of undefined

Answer 1

В React для класса на основе классов деструктуризация выполняется внутри метода.

Например:

render() {
      let { match } = this.props;
      return (.....)
}