如何创建可选的引导路径参数?

时间:2019-08-21 12:59:49

标签: reactjs react-router react-router-v5

我想要一个可选的路径前缀。理想情况下,这将允许我创建可选路径和参数。

例如:

我有一条路线/search,但是我希望这条路线能够与/search/portal/somePortalID/search都匹配,并在孩子道具中为我提供somePortalID

到目前为止,我已经尝试过:

<Route path="(/portal/:portalId)?/search">

<Route path="(/:portalId(/portal/\.+)?/search">

如果可以包括一个想法,关于如何动态更改子代React Router <Link />组件,以便它们包括可选前缀,以使用户保持在该路由之内,则表示奖励。

1 个答案:

答案 0 :(得分:0)

您可以尝试以下路线

<Route path="(/portal/:portalId/search" component={yourComponent} >
<Route path="(/portal/example/search/" component={yourComponent} >
<Route path="(/search" component={yourComponent} >

请注意,您可以使用不同的路由来路由到同一组件