title: Add new path to current URL in react router
body: <p>having this example where 'Route' name could be any name</p>
  <pre><code> &lt;Route path='/Page/:Route/'&gt;
    &lt;Page1/&gt;
  &lt;/Route&gt;
  &lt;Route path='/Page/:Route/:subRoute'&gt;
    &lt;Page1/&gt;
  &lt;/Route&gt;
  </code></pre>
  <p>if I am currently in <strong>/Page/:Route</strong>, how can I append to the current URL the <strong>subRoute</strong>
  Every time I use history.push like this</p>
  <pre><code>history.push(`${history.location.pathname`}/${item.name})
  </code></pre>
  <p>my URL ends like this</p>
  <p>http://localhost:3001/Page/Route/SubRoute/Route/SubRoute/Route/SubRoute</p>
  <p>what I want is just to change the URL from a dropwdown select, i am not actually navigating to a different page, I just want to add the item name that I select from the drowpdown menu.</p>
  <p>Expected result</p>
  <p>DrowpDownMenu Items:</p>
  <ol>
  <li>SubRoute1</li>
  <li>SubRoute2</li>
  <li>SubRoute3</li>
  </ol>
  <blockquote>
  <pre><code>http://localhost:3001/Page/Route/SubRoute1
  http://localhost:3001/Page/Route/SubRoute2
  http://localhost:3001/Page/Route/SubRoute3
  </code></pre>
  </blockquote>