Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

334
Vistas
REACT ERROR <th> no puede aparecer como hijo de <thead>. Ver (desconocido) > cabeza > th

Estoy trabajando en una aplicación de reacción - rieles y sigo recibiendo 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 el encabezado (thead) para una tabla y funcionó para otra persona. Pondría tbody pero lo necesito 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

**EDIT 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 la tabla. Ver (desconocido) > tabla > tr. Agregue 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é la cabeza por completo y eso hizo que mi aplicación se rompiera, así que... no estoy seguro de cuál es el problema.

over 4 years ago · Santiago Trujillo
3 Respuestas
Responde la pregunta

0

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

 <table> <thead> <tr> <th /> </tr> </thead> ... </table>
over 4 years ago · Santiago Trujillo Denunciar

0

Bueno, debería th debajo de un tr , no de una thead . Documentos

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

over 4 years ago · Santiago Trujillo Denunciar

0

Por error, tenía tbody dentro thead

(1)

 <thead> ... <tbody> ... </tbody> </thead>

en lugar de (2)

 <thead> ... </thead> <tbody> ... </tbody>

Cambiar a (2) resolvió mi problema.

over 4 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda