如何在react-router v4中的根路由上设置可选参数？

Question

假设我有以下两条路线：

    ...
    <Route exact path="/:param1?/" component={Home}/>
    <Route path="/news" component={News}/>
    ...

现在当我尝试点击路线/news时，会触发Home参数param1的根路线......

我假设解决方案是在param1之前设置一个问号，就像这个/?param1所以它可以从路由中保持appart，但我无法弄清楚如何在react-router v4中执行此操作

Answer 1

在官方文档中有一个如何执行此操作的示例。你可以找到here。

您需要使用Switch组件，并将/ news Route放在首位。

conn = dbConnect(MySQL(), user='', password='', dbname='', host='127.0.0.1')

Switch始终只渲染一个Route。所以在上面的例子中，如果/ news没有变为活动状态，那么/：param1将会是。