Реагировать на маршрутизатор

Question

У меня есть меню c, которое можно найти со всех сторон. Это меню содержит следующие маршруты:

<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 без / является относительной ссылкой и просто обновит последнюю часть вашего URL. Этот тип ссылки полезен для навигации по той же странице.