javascript - tfoot - thead style

REACT ERROR<th> no puede aparecer como un elemento secundario de<thead>. Ver(desconocido)> thead> th

Question

Estoy trabajando en una aplicación reaccion - rails y recibo este error en mi consola:

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

No estoy seguro de por qué esto no funciona. Quiero usar header (thead) para una tabla y funcionó para otra persona. Pondría tbody pero necesito eso para el cuerpo real de la tabla.

Aquí está mi código para esta tabla:

```  
     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

** EDITAR He intentado agregar la etiqueta tr debajo de thead y eso causa un error adicional agregado. esto es lo que cambié mi código a:

```
   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

y el siguiente error que recibo es: Advertencia: validateDOMNesting (...): tr no puede aparecer como un elemento secundario de tabla. Ver (desconocido)> tabla> tr. Agregue un código a su código para que coincida con el árbol DOM generado por el navegador.

Soy nuevo en reaccionar y no estoy familiarizado con coffeescript, así que me pregunto si tiene que ver con el espaciado o algo así. Probé diferentes espacios y eso no ayudó. Saqué el Thead todos juntos y eso causó que mi aplicación se rompiera, así que ... no estoy seguro de cuál es el problema

Answer 1

Bueno, debe estar anidado bajo un thead no un thead . Docs

<table>
  <thead>
    <tr>
      <th>name</th>
      <th>age</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>john</td>
      <td>33</td>
    </tr>
    <tr>
      <td>smith</td>
      <td>22</td>
    </tr>
    <tr>
      <td>jane</td>
      <td>24</td>
    </tr>
  </tbody>
</table>

Answer 2

He tenido este error debido a errores en otras partes de mi lista.

Por ejemplo, @ Sag1v tiene <tbody> lugar de </tbody> para cerrar el cuerpo de su lista y apuesto a que está causando el error.

Answer 3

Los únicos hijos directos permitidos para thead son tr elementos , no th .

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