react：Text nodes cannot appear as a child

最新推荐文章于 2024-10-14 12:37:39 发布

「已注销」

最新推荐文章于 2024-10-14 12:37:39 发布

阅读量142

点赞数

文章标签： react.js javascript 前端 ecmascript 前端框架

本文链接：https://blog.csdn.net/LittlePage/article/details/132994065

版权

Warning: validateDOMNesting(...): Text nodes cannot appear as a child of <thead>.
index.js:1 Warning: validateDOMNesting(...): Text nodes cannot appear as a child of <tbody>.

这种情况一般是表单节点是不存在的情况，我们没修改的时候是这样的

<table className="table text-center">
  <thead>{this.props.tableHead.length }</thead>
  <tbody>{this.props.tableData.length }</tbody>
</table>

修改完是这样的

<thead>{this.props.tableHead.length > 0 ? this.props.tableHead: <tr></tr>}</thead>
<tbody>{this.props.tableData.length > 0 ? this.props.tableData: <tr></tr>}</tbody>

找了一下午，最终还是学长来给我看出来了