Fatal编程技术网
  • javascript/
  • Javascript 如何在react路由器中创建`/orders/:id/detail`路径

Javascript 如何在react路由器中创建`/orders/:id/detail`路径

javascript reactjs

Javascript 如何在react路由器中创建`/orders/:id/detail`路径,javascript,reactjs,react-router,Javascript,Reactjs,React Router,我想使用react router创建路径/orders/{order\u id}/detail。如何在组件上以及使用导航到路径时执行此操作 目前我有这样的 但是我想要这样的 感谢您的帮助。此路线： <Route exact path='/orders/:id/detail' component={OrderDetails} /> 关键是导航到此url以呈现该组件，因此您需要知道，使用react router直接呈现的每个组件都有三个额外的道具，位置，匹配和历史，如果您使用的是基

我想使用react router创建路径
/orders/{order\u id}/detail
。如何在
组件上以及使用
导航到路径时执行此操作

目前我有这样的

但是我想要这样的

感谢您的帮助。

此路线：

<Route exact path='/orders/:id/detail' component={OrderDetails} />
关键是导航到此url以呈现该组件，因此您需要知道，使用react router直接呈现的每个组件都有三个额外的道具，
位置
，
匹配
和
历史
，如果您使用的是基于类的组件，那么您可以从
this.props
自动获取它们；如果您使用的是函数组件，那么您需要使用名为
useParams
hook的钩子，该钩子由
react router
提供并从url构造您想要的参数

更多信息是

/orders/whatEverId/details