score:5

Accepted answer

as the error said, you can't wrap the tbody tag in a form tag. one of the alternatives would be to just wrap the input tag with the form instead of the entire table.

it would then look like this:

render() {
    return (
      <tbody>
        <tr>
          <td classname="ui header">name</td>
          <td>
            <form>
              <input type="text" placeholder="name"/>
            </form>
          </td>
        </tr>
      </tbody>
    );
}

if you would prefer to have the whole table be within the same form tag, you will have to wrap the whole table and not just tbody.

render () {
    return (
      <form>
        <table>
            <tbody>
              <tr>
                <td classname="ui header">name</td>
                <td>
                    <input type="text" placeholder="name"/>
                </td>
              </tr>
            </tbody>
        </table>
      </form>
    )
  }

Related Query

More Query from same tag