react-router - 可选的 react 路由器参数

Question

我正在尝试创建一个匹配以下所有 URL 的路由:

/product/foo
/product/foo/bar

这是我目前的路线:

<Route path="/product/:productName(/:urlID)" handler={SomeHandler} />

根据 https://github.com/rackt/react-router/blob/master/docs/guides/basics/RouteMatching.md 上的文档这条路线应该完美匹配，但 它不匹配上面的任何一个 URL .

我需要做什么来支持这个可选参数？

我使用的是 React Router 版本 0.13.3，如果我删除了 (/:urlID)然后我可以匹配第一个 URL，但不能匹配第二个。

Answer 1

好的，所以 () 语法特定于 React Router 1.0，而不是 0.13.3。我最终使用了 ?句法:

<Route path="/product/:productName/?:urlID?" handler={SomeHandler} />