Question

我正在使用react-router-dom v4的嵌套路由功能，并且有一个我没有找到解决方案的用例。

我在根组件中有两个Route。

一个用于几乎整个网站，另一个用于帐户部分。

我希望能够做点像...... <Route path="/^(account)" ... /> ...或类似的东西，但到目前为止我一直无法做到这一点。有这种机制吗？

编辑基于评论：

BrowserRouter组件有两个已定义的Route s。

/* 
 * Would serve as the root route for all pages that aren't under account. 
 * i.e.
 * /
 * /about
 * /some-section
 */
<Route path="/^(account)" component={SiteLayout} />

/*
 * The other would respond on...
 * /account
 * /account/forgot
 * etc.
 */
<Route path="/account" component={Account} />

希望这能更清楚地展示我正在寻找的东西。

Answer 1

当然，您可以在所有其他路线上使用全部捕获？

<Router>
    <Switch>
      <Route path="/account" component={Account} />
      <Route component={NotAccount} />
    </Switch>
</Router>

React Router否定路径

1 个答案: