title: React Router Link to New Tab
body: <p>I am attempting to render a new component in a new tab using React Router. It has one parameter that is being passed.</p>
  
  <p>Below is an example of what works for me <strong>in the same tab with one parameter</strong>. If I add target="_blank" to the below link, I get a 404 error.</p>
  
  <p>Routing in index.js: </p>
  
  <pre><code>&lt;Route exact path="/a-graph/:anId" component={aGraph} /&gt;
  </code></pre>
  
  <p>Link in main menu page:</p>
  
  <pre><code>&lt;Link to={"/a-graph/anId"} style={{ overflowX: "visible", color: "black" }}&gt;
      &lt;MenuItem fitted key="graph" text="A Graph"/&gt;
  &lt;/Link&gt;
  </code></pre>
  
  <p>What do I need to change so that I can open this component with a parameter in a new tab? Thanks!</p>
  
  <p>Edit: my URL is displayed as /a-graph/anId which is a number. If my route and link are correct, I don't see how I'd get a 404. Thanks for looking!</p>