React-router: Using <Link> as clickable data table row : <p>I'm new to using ReactJS and react-router. I want a clickable table row and something like the following setup:</p>

<pre><code>&lt;Link to=“#”&gt;
&lt;tr&gt;
    &lt;td&gt;{this.props.whatever1}&lt;/td&gt;
    &lt;td&gt;{this.props.whatever2}&lt;/td&gt;
    &lt;td&gt;{this.props.whatever3}&lt;/td&gt;
&lt;/tr&gt;
&lt;/Link&gt;
</code></pre>

<p>but I know you can't put <code>&lt;a&gt;</code> tags between the <code>&lt;tbody&gt;</code> and <code>&lt;tr&gt;</code> tags. How else can I accomplish this?</p>

<p>PS: I prefer not to use jQuery if possible.</p>
