您发布的编辑对旧版本的 React-router (v0.13) 有效并且不再起作用。

react-router v1、v2 和 v3

从版本开始，1.0.0您定义了可选参数：

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

以及多个可选参数：

<Route path="to/page(/:pathParam1)(/:pathParam2)" component={MyPage} />

您使用括号( )将路由的可选部分括起来，包括前导斜杠 ( /)。查看官方文档的路由匹配指南页面。

注： 该:paramName参数相匹配的URL段到下一个/，?或#。有关路径和参数的更多信息，请在此处阅读更多内容。

React Router v4 及更高版本

React Router v4 与 v1-v3 有着根本的不同，可选的路径参数在官方文档中也没有明确定义。

相反，系统会指示您定义一个路径到正则表达式能够理解的path参数。这允许在定义路径时具有更大的灵活性，例如重复模式、通配符等。因此，要将参数定义为可选参数，请添加尾随问号 ( )。?

因此，要定义可选参数，您可以：

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

以及多个可选参数：

<Route path="/to/page/:pathParam1?/:pathParam2?" component={MyPage} />

注： 阵营路由器V4是不相容的与react-router中继（在这里阅读更多）。请改用 v3 或更早版本（推荐 v2）。

对于搜索后到达这里的任何 React Router v4 用户，a<Route>中的可选参数用?后缀表示。

以下是相关文档：

https://reacttraining.com/react-router/web/api/Route/path-string

路径：字符串

path-to-regexp理解的任何有效 URL 路径。

    <Route path="/users/:id" component={User}/>

https://www.npmjs.com/package/path-to-regexp#optional

选修的

参数可以以问号 (?) 为后缀，使参数可选。这也将使前缀可选。

可以使用或不使用页码访问的站点分页部分的简单示例。

    <Route path="/section/:page?" component={Section} />

多个可选参数的工作语法：

<Route path="/section/(page)?/:page?/(sort)?/:sort?" component={Section} />

现在，网址可以是：

1. /部分
2. /节/页/1
3. /section/page/1/sort/asc

对于 react-router V5 及更高版本，对多个路径使用以下语法

<Route
          exact
          path={[path1, path2]}
          component={component}
        />

与常规参数一样，声明一个可选参数只是 Route 的 path 属性的问题；任何以问号结尾的参数都将被视为可选参数：

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