［解决］Warning: validateDOMNesting(...): <tr> cannot appear as a

Question

用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就解决了。

Answer 1

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