警告：validateDOMNesting(...): <tr> 不能作为 <form> 的子项出现

Question

渲染此表单时，我收到错误

<tr> cannot appear as a child of <form>.

在浏览器控制台中。我该如何摆脱它？

<form id='works_input_form' onSubmit={handleSubmit}>
      <tr className='text-center'>
        <td>
          <div className='form-group'>
            <textarea
              className='form-control'
              id='title'
              rows='1'
              cols='26'
              placeholder='Name'
              required
              onChange={handleTaskChange}
            ></textarea>
          </div>
        </td>
    
        <td>
          <div className='form-group p-2'>
            <textarea
              className='form-control'
              id='title'
              rows='1'
              cols='26'
              placeholder='Subject'
              required
              onChange={handleSubjectChange}
            ></textarea>
          </div>
        </td>
      </tr>
    </form>

Answer 1

是的。 tr 标签不能直接驻留在 table 和/或 tbody、thead、tfoot 之外：

<table>
  <tr>

或者，

<table>
  <tbody> <!-- thead, or tfoot -->
   <tr>

了解here 的表格 html 标记。