react router v4 about how to match two url with one route and one component

Question

对不起，我的英文不够好。

版本

4.1.1 我想用一个路线和一个组件匹配两个网址。 就像如下：

http://host:port/test/orders/id-1 http://host:port/test/products/id-1 我怎么能写路由路径？

谢谢。

Answer 1

您可以利用url path parameters来指定匹配相同路由的多个路径。

在你的情况下，路由会像

<Route path = "/test/:param/id-1" component={MyComponent}/> 

如果你只想匹配​​和/products/id-1，那么你可以在路径PARAM使用正则表达式。 react-router利用该path-to-regexp理解的路径，

它的有关文件是否存在与react-router documentation

所以，你可以使用

<Route path = "/test/(orders|products)/id-1" component={MyComponent}/>