title: React-router: Using <Link> as clickable data table row
body: <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>