Javascript 如何在react路由器dom v4上的嵌套路由中获取参数?

Javascript 如何在react路由器dom v4上的嵌套路由中获取参数?,javascript,reactjs,react-router-dom,Javascript,Reactjs,React Router Dom,这就是我定义路由器的方式 <Switch> {routes.map((route, index) => ( <Route {...this.props} path={`/${route}`} key={index} component={props => ( <Layout {...props}

这就是我定义路由器的方式

   <Switch>
     {routes.map((route, index) => (
        <Route
          {...this.props}
          path={`/${route}`}
          key={index}
          component={props => (
            <Layout
              {...props}
            />
          )}
        />
      ))}
      <Route component={() => <p>Not Found</p>} />
    <Switch>

当我导航到嵌套路由时,比如说
/edibles/icecream
,我应该能够将
icecream
作为属性
项的参数值,对吗?我看不到它,而且我似乎不知道如何在这个嵌套路由用例中获取
id
param值。我的
param
对象现在看起来是空的。

找到了解决方案<代码>道具
需要与
路线一起传递
。像这样-

<div className={"Actionbar"}>          
  <Route
    path={`${props.match.url}/:item`}
    render={(props) => <EditCategory {...props} />}
  />            
</div>

}
/>            
缺少此项不会传递
匹配值

<div className={"Actionbar"}>          
  <Route
    path={`${props.match.url}/:item`}
    render={(props) => <EditCategory {...props} />}
  />            
</div>