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>