反应路由器链接绝对路径

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被呈现。我的目标是显示正常/orders路线。

什么是合适的解决方案（菜单应该保持全局​​）？

Answer 1

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

orders没有/是一个相对链接，只会更新你的 url 的最后一部分。这种类型的链接对于同一页面导航很有用。