title: React router Link absolute path
body: <p>I've got a a static menu which can be found on all sides.
  This menu contains the following routes:</p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;div className="layout-main"&gt;
     &lt;Switch&gt;
        &lt;Route path="/" exact component={Dashboard}/&gt;
        &lt;Route path="/login" exact component={Login}/&gt;
        &lt;Route path="/orders/:id" exact component={OrderPage}/&gt;
        &lt;Route path="/orders" exact component={OrdersPage}/&gt;
    &lt;/Switch&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The links in the side drawer looks like this:</p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;NavLink to='/'&gt;Dashboard&lt;/Navlink&gt;
  &lt;NavLink to='orders'&gt;Orders&lt;/Navlink&gt;
  </code></pre>
  
  <p>When I am e.g. on page <code>/orders/3</code> and I press the NavLink <strong>Orders</strong>, the page <code>/orders/orders</code> is rendered. My goal is to display the normal <code>/orders</code> route.</p>
  
  <p>What would be an appropriate solution (the menu should be kept global)?</p>