Maintaining href "open in new tab" with an onClick handler in React : <p>I have an onClick (React) handler on a table cell that fires properly, however I want to maintain the "Open in a new Tab" feature that having an <code>href</code> on a tag gives you.</p>

<p>Trying to combine both on a single element doesn't work as expected, of course:</p>

<pre><code>&lt;td onClick={this.someFunction} href="someLink"&gt;
  ...some content
&lt;td&gt;
</code></pre>

<p>Previously I looked into having an anchor tag nested inside the table cell span the full height, so whenever the contents of the cell were right-clicked, I could "Open in a New Tab" and still keep an <code>onClick</code> handler on the table cell element. However there's various problems with that approach, <a href="https://stackoverflow.com/questions/3966027/make-link-in-table-cell-fill-the-entire-row-height">outlined here</a>.</p>

<p><strong>TLDR: Overriding causes other problems. Solutions have various compatibility issues.</strong></p>

<p>So I ditched that approach for the one explained above. Ideas/suggestions?
Is there a way to have the option "Open in a New Tab" without having to use an anchor/href?</p>
