反应错误 <th> 不能作为 <thead> 的子项出现。参见（未知）> thead > th

Question

我正在开发一个 React - Rails 应用程序，但我的控制台中不断出现此错误：

 ```
Warning: validateDOMNesting(...): <th> cannot appear as a child of <thead>.
See (unknown) > thead > th.

我不确定为什么这不起作用..我想为表格使用标题（thead）并且它适用于其他人。我会放 tbody 但我需要它作为桌子的实际主体。

这是我的这个表的代码：

 ```
     React.DOM.table
        className: 'table table-bordered'
        React.DOM.thead null,
          React.DOM.th null, 'Description'
          React.DOM.th null, 'Actions'
        React.DOM.tbody null,
          for post in @state.posts
            React.createElement Post, key: post.id, post: post,
            handleDeletePost: @deletePost

**编辑我尝试在 thead 下添加 tr 标签，这会导致额外的错误。这就是我将代码更改为：

 ```
   React.DOM.table
      className: 'table table-bordered'
      React.DOM.thead null
        React.DOM.tr null
          React.DOM.th null, 'Description'
          React.DOM.th null, 'Actions'
        React.DOM.tbody null,
          for post in @state.posts
            React.createElement Post, key: post.id, post: post,
            handleDeletePost: @deletePost

我得到的下一个错误是：警告：validateDOMNesting(…)：tr 不能作为表的子项出现。请参见（未知）> 表格 > tr。在您的代码中添加一个以匹配浏览器生成的 DOM 树。

我是新手，不熟悉 coffeescript，所以我想知道它是否与间距有关。测试了不同的间距，但没有帮助。我把 thead 一起拿出来了，这导致我的应用程序崩溃了，所以..不知道是什么问题

原文由 DianaBG 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

thead 允许的唯一直接子元素是 tr 元素，而不是 th 。

 <table>
  <thead>
    <tr>
      <th />
    </tr>
  </thead>
  ...
</table>

原文由 Bertrand Marron 发布，翻译遵循 CC BY-SA 3.0 许可协议