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>