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

Question

假设我有以下两条路线：

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

现在，当我尝试点击路由/news的根路由为Home与参数参数1被触发...

我假设解决方案是在param1前面设置一个问号，就像这样/？param1，这样它就可以从路由中保持住，但我不知道如何在react router v4中做到这一点

Answer 1

在官方文件中有一个这样做的例子。你可以在这里找到。

您需要首先使用 /news路由的交换机组件。

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

开关将始终仅渲染一条路线。因此，在上面的例子中，如果/news没有变为活动状态，那么/：param1将变为活动状态。