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

Question

假设我有以下2条路线:

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

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

我认为解决方案是在像 /?param1这样的param1之前设置一个问号，以便可以从路由中将其保留，但是我不知道如何在react-router v4中执行此操作

Answer 1

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

您需要首先使用/news路由使用Switch组件。

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

开关将始终仅呈现一条路线。因此，在上述情况下，如果/news没有处于事件状态，则/:param1将处于事件状态。