使用可选的路径参数来响应路由器

Question

我想用可选的path参数声明一个路径，因此当我添加它时，页面会做一些额外的事情（例如，填充一些数据）：

http：// localhost / app / path / to / page <=渲染页面 http：// localhost / app / path / to / page / pathParam <=根据pathParam使用某些数据渲染页面

在我的React Router中，我具有以下路径，以支持两个选项（这是一个简化的示例）：

<Router history={history}>    

   <Route path="/path" component={IndexPage}>

      <Route path="to/page" component={MyPage}/>

      <Route path="to/page/:pathParam" component={MyPage}/>

   </Route>    

</Router>

我的问题是，我们可以在一条路线中声明吗？如果仅添加第二行，则找不到没有参数的路由。

编辑＃1：

这里提到的有关以下语法的解决方案对我不起作用，这是一个合适的解决方案吗？文档中是否存在？

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

我的react-router版本是：1.0.3

Answer 1

多个可选参数的工作语法：<Route path="/section/(page)?/:page?/(sort)?/:sort?" component={Section} />现在，URL可以是：/部分/ section / page / 1/ section / page / 1 / sort / asc