javascript - 为什么我不能在 React 中使用 JSX 将 tbody 标签嵌套在 div 标签内？

Question

我是一个 React 初学者，我正在开发一个项目，其中我将有一个表单，当数据输入时，表将动态填充来自用户的数据。

我的代码:

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

React 抛出此错误:ValidateDOMNesting(...): 无法显示为 div 的子元素

我尝试将表放入新组件中，然后嵌套新组件，但我遇到了同样的问题。为什么 JSX 不喜欢 div 内的表格？有什么解决办法吗？

Answer 1

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

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