javascript - ReactJS Match Prop 未传递给组件

Question

我有一条这样的路线

Dashboard.js

<Route path="/dashboard/:user_id" render={(props) =>  <Profile user={this.props.user} {...this.props}/>}/>

如你所见，我正在传递 Dashboard 的 Prop 组件 Profile组件，当您传递 Prop 时，在 react 文档中也传递了匹配对象我想访问 match来自 Profile 的对象

但我得到 undefined访问时在配置文件组件上 match.params

componentDidMount(){
   console.log(this.props.match.params) // Undefined
}

当我检查 React 开发工具时 Profile组件确实没有收到匹配对象，但是当我在 React 开发工具中检查路由时，有 match.params与当前参数

来自 React 开发工具

<Route/>线给了我这个

Props
 path: "/dashboard/:user_id"
 render: render()
State
 match: {…}
   isExact: true
   params: {…}
     user_id: "5af13d60f3957c11e46510ad"
   path: "/dashboard/:user_id"
   url: "/dashboard/5af13d60f3957c11e46510ad"

如你所见，存在匹配

虽然Profile组件没有参数

match: {…}
 isExact: true
 params: {…}
    Empty object
 path: "/dashboard"
 url: "/dashboard"

Answer 1

在 Profile 组件中尝试将 {...this.props} 更改为 {...props}