[解决]Warning: validateDOMNesting(...): <tr> cannot appear as a

胡松涛
  • 85

用React js编码时候碰到这个
Warning: validateDOMNesting(...): <tr> cannot appear as a child of <table>. See TopTen > table > tr. Add a <tbody> to your code to match the DOM tree generated by the browser.

源代码片段

render() {
    return (
        <table>
            <tr>
                <th>日期</th>
                <th>耗时</th>
                <th>错误</th>                            
                <th>备注</th>
            </tr>
        </table>
    );
}

根据提示: Add a <tbody> to your code to match the DOM tree generated by the browser.
在tr上面加一层tbody就解决了。

回复
阅读 31.4k
1 个回答
hideonbush
  • 1
新手上路,请多包涵

TopTen 组件里的元素嵌套问题
w3c标准tr标签是不能嵌套table的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏