React路由器链路绝对路径

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上并按下NavLinkOrders时，页面/orders/orders即被呈现。我的目标是显示正常的/orders路线。

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

Answer 1

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

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