使用React router v4指定可选路径名

时间:2017-11-16 18:19:18

标签: reactjs react-router-v4 react-router-dom

所以我在我的<Route exact path='/documents/:survey_id' component={protectedRoute(Documents)} /> 中为React FE声明了这条路线:

/documents

即使路线为:survey_id,我也希望返回相同的组件。在这种情况下,组件将使用用户列表中的第一个<Route exact path='/documents/:survey_id' component={protectedRoute(Documents)} /> <Route exact path='/documents' component={protectedRoute(Documents)} /> 进行渲染。我想我可以添加另一条路线,如:

{{1}}

如果有更好的方法那么重复那么奇怪。

1 个答案:

答案 0 :(得分:0)

您可以在路线路径中使用可选路径,而不是使用其他路线,而不是

<Route exact path='/documents(/:survey_id)?' component={protectedRoute(Documents)} />
  

注意:以某种方式提供反应路径参数   path-to-regexp明白了。所以要将参数定义为   可选您添加一个尾随问号?