title: <input> cannot appear as a child of <tr>
body: <p>I want to add a <code>&lt;input&gt;</code> element, more specifically a checkbox, in my table. The following works:</p>
  
  <pre><code>&lt;tbody key={rule._id}&gt;
    &lt;tr&gt;
      &lt;td&gt;{rule.deviceId}&lt;/td&gt;
      {
        &lt;input
          name="isEnabled"
          type="checkbox"
          checked={rule.enabled}
        /&gt;
      }
      &lt;td&gt;{rule.name}&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p>but it produces an error in the console: <code>&lt;input&gt; cannot appear as a child of &lt;tr&gt;</code></p>
  
  <p>Is there a 'proper' way to do this?</p>