我是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>