ReactRouter: Как получить доступ к параметрам маршрута в компоненте

#reactjs #react-router

#reactjs #реагировать-маршрутизатор

Вопрос:

В моем веб-проекте я пытаюсь получить доступ к параметрам маршрута.

Определенный маршрут:

 <Route path="/meeting/:id">
    <MeetingDetails />
</Route>
 

Компонент загружен, но я не могу получить доступ к параметрам маршрута, потому this.props.match что не определен. Как я могу получить доступ к параметру маршрута id ?

 import React from "react";

export default class MeetingDetails extends React.Component {

    constructor(props) {
        super(props);

        console.log(this.props.match);
    }


    render() {
        return (
            <div>
                Details
            </div>
        );
    }
}
    
 

Ответ №1:

Вы должны установить component prop <Route> для своего <MeetingDetails> компонента:

 <Route path="/meeting/:id" component={MeetingDetails}/>