Javascript ReactJS匹配道具未传递到组件
我有一条这样的路线 Dashboard.jsJavascript ReactJS匹配道具未传递到组件,javascript,reactjs,Javascript,Reactjs,我有一条这样的路线 Dashboard.js <Route path="/dashboard/:user_id" render={(props) => <Profile user={this.props.user} {...this.props}/>}/> 当我检查react-dev工具时,Profile组件确实没有收到匹配对象,但当我在react-dev工具中检查路由时,存在带有当前参数的match.params 来自React开发工具 行告诉我 Props
<Route path="/dashboard/:user_id" render={(props) => <Profile user={this.props.user} {...this.props}/>}/>
当我检查react-dev工具时,Profile
组件确实没有收到匹配对象,但当我在react-dev工具中检查路由时,存在带有当前参数的match.params
来自React开发工具
行告诉我
Props
path: "/dashboard/:user_id"
render: render()
State
match: {…}
isExact: true
params: {…}
user_id: "5af13d60f3957c11e46510ad"
path: "/dashboard/:user_id"
url: "/dashboard/5af13d60f3957c11e46510ad"
正如你们所看到的,比赛已经开始了
而配置文件
组件没有参数
match: {…}
isExact: true
params: {…}
Empty object
path: "/dashboard"
url: "/dashboard"
在配置文件组件中,尝试将{…this.props}更改为{…props}我认为它应该是
}/>
很棒,但我可以问一下…this.props
与…props
之间有什么区别吗?this.props将为父组件获取道具,而道具指路由器中的道具。
match: {…}
isExact: true
params: {…}
Empty object
path: "/dashboard"
url: "/dashboard"