访问匹配的子路线自定义道具(React Router v5)

时间:2019-07-17 10:33:34

标签: javascript reactjs react-router react-router-v4

如何从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

0 个答案:

没有答案