使用react router v4

Question

我有一个在顶层看起来像这样的路由表：

<Switch>
  <Route path="/foo" exact component={...} />
  <Route path="/bar" exact component={...} />
  <Route path="/" exact component={...} />
  <Redirect to="/" />
</Switch>

这适用于那些3是三个不同的页面，一旦一个渲染另一个不应该。但是，我想添加一些应该在任何其他路径上呈现的路线。

更具体;我有一个设置页/settings，当访问时，会打开一个应该在上一个路线上呈现的叠加层。

我之后的行为可能会以编程方式造成一些混乱，因为如果我在/foo上并希望呈现/settings，我希望将网址更改为{{ 1}}而不是/settings但仍然将/foo/settings的内容呈现在/foo之后。如果您要直接访问该链接（而不是通过在应用中导航），您最终会在后台呈现/settings并在/上呈现。

我还没有想出这样做的直接方式。在版本2/3中，我存储了以前的子节点并保留了渲染的内容（这有点乱，非常难看）。

欢迎任何想法。

提前致谢。