我是React的新手,我正在一个项目中,我将拥有一个表单,当输入数据时,将使用来自用户的数据动态填充表格。

我的代码:

<div>
  <tbody>
    <tr>
      <td>{this.props.someData}</td>
    </tr>
    <tr>
      <td>{this.props.moreData}</td>
    </tr>
  </tbody>
</div>


React抛出此错误:ValidateDOMNesting(...):不能作为div的子代出现

我尝试将表放入新组件中,然后嵌套新组件,但是我遇到了同样的问题。为什么JSX不喜欢divs中的表?有什么解决方法吗?

最佳答案

您的问题是HTML。要制作表格,表格主体必须位于<table>标记内:

<table>
  <tbody>
  ...
  </tbody>
...
</table>

10-05 20:37
查看更多