我想用可选的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
对于react-router V5及更高版本,对多个路径使用以下语法