React Router Link绝对路径

我有一个静态菜单，可以在所有地方找到。该菜单包含以下路线：

<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路线。

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