如何从React中的父组件访问匹配的路由自定义道具?
也就是说,拥有这样的路由器(react-router-config
风格):
{
component: App,
routes: [
{
path: '/',
exact: true,
component: Home,
},
{
path: '/account/',
component: Account,
headerOpened: true,
routes: [
{
path: '/account/mi-cuenta/',
exact: true,
component: MyAccount,
},
{
path: '/account/preferencias/',
exact: true,
component: Settings,
},
{
path: '/account/mi-consumo/',
exact: true,
component: MyConsumption,
},
],
},
{ component: NotFound },
],
}
如何从我的App
组件中访问传递到headerOpened
的{{1}}自定义道具?
在Account
中使用withRouter
HOC,我找不到匹配或位置对象内的任何内容。我唯一拥有的是location.pathname,例如显示App
。
然后,我有一个match对象,该对象内部仅包含参数(在这种情况下为空),而没有/account/mi-cuenta/
道具的迹象。
从父级组件获取此属性的原因是,该属性是headerOpened
组件的渲染器,现在需要该值。
在这里,Header
组件的一些摘要看起来像这样:
App