Question

在我的网络项目中，我尝试访问路由参数。

定义的路线：

<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>
        );
    }
}

Answer 1

您应该将 component 的 <Route> 属性设置为您的 <MeetingDetails> 组件：

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

ReactRouter：如何访问组件中的路由参数

1 个答案: