reactjs - 如何创建可选的前导路径参数？

Question

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

例如：

我有这条路线/search，但我希望这条路线既能匹配两者/search，也/portal/somePortalID/search能somePortalID在子道具中供我使用。

到目前为止，我已经尝试过：

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

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

如果您可以包含有关如何动态更改子 React Router<Link />组件的想法，以便它们包含可选前缀以使用户保持在该路由中，则可以加分。

标签： reactjsreact-routerreact-router-v5

Answer 1

您可以尝试以下路线

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

请注意，您可以使用不同的路由路由到相同的组件