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}/>