title: React Router - Open Link on new Tab and Redirect to Home Page
body: <blockquote>
    <p>Using React Router 4.2</p>
  </blockquote>
  
  <p>My attempt is to <strong>open</strong> a new tab upon clicking on a navigation link and at the same time be <strong>redirected</strong> to the site homepage.</p>
  
  <p>ie: Navigation bar: clicking on Policies </p>
  
  <p><a href="https://i.stack.imgur.com/hzs8e.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hzs8e.png" alt="enter image description here"></a></p>
  
  <p>Even though the code bellow behaves as the requirements above: Is this the advisable way to go about it?
  Aiming to learn best practices here on Routes.js.</p>
  
     <pre class="lang-js prettyprint-override"><code> //Routes.js
   import HandbookDoc from './policies.pdf'
   ...
  
   &lt;Route 
     path="/registration/policies" 
     component={() =&gt; window.open(`${HandbookDoc}`,'_blank').then(window.location= '/')} 
   /&gt;
  </code></pre>
  
  <p>....</p>
  
  <pre><code> //Navigation.js (using react-router-bootstrap)
    &lt;NavDropdown eventKey={3} id="formId" title="Registration"&gt;
       &lt;LinkContainer to="/registration/financial-aid"&gt;
          &lt;MenuItem eventKey={3.1}&gt;Financial Aid&lt;/MenuItem&gt;
        &lt;/LinkContainer&gt;
        &lt;LinkContainer to="/registration/policies"&gt;
          &lt;MenuItem eventKey={3.2}&gt;Policies&lt;/MenuItem&gt;
        &lt;/LinkContainer&gt;
    &lt;/NavDropdown&gt;
  </code></pre>