reactjs - React Router Link绝对路径

Question

我有一个静态菜单，可以在所有位置找到。
该菜单包含以下路线:

<div className="layout-main">
   <Switch>
      <Route path="/" exact component={Dashboard}/>
      <Route path="/login" exact component={Login}/>
      <Route path="/orders/:id" exact component={OrderPage}/>
      <Route path="/orders" exact component={OrdersPage}/>
  </Switch>
</div>

侧抽屉中的链接如下所示:

<NavLink to='/'>Dashboard</Navlink>
<NavLink to='orders'>Orders</Navlink>

当我例如在页面 /orders/3上，然后按NavLink 订单，将呈现页面 /orders/orders。我的目标是显示正常的 /orders路由。

什么是合适的解决方案(菜单应保持全局)？

Answer 1

在您的链接中重定向到/orders而不是orders。

没有orders的/是相对链接，只会更新您网址的最后一部分。此类链接对于同一页面导航很有用。