Mostrando entradas con la etiqueta children. Mostrar todas las entradas
Mostrando entradas con la etiqueta children. Mostrar todas las entradas

domingo, 3 de agosto de 2025

La propiedad children en React

 ¿En algún lugar está establecido que la propiedad que se refiere a los nodos hijos se tiene que llamar children?

En el mundo de React, la propiedad children no es un estándar global de programación, sino una convención muy arraigada y fundamental de la propia librería.


¿Qué es la propiedad children en React?

  • Es una convención: Los creadores de React diseñaron la librería para que todo el contenido anidado entre las etiquetas de apertura y cierre de un componente se pase automáticamente como una propiedad llamada children.

  • Es una propiedad especial: No tienes que declararla en el componente, React se encarga de crearla por ti. Por ejemplo, en <Table>...</Table>, el contenido ... se convierte en el valor de props.children dentro del componente Table.

La alternativa en otros frameworks

Esta es una convención específica de React. Otros frameworks de desarrollo de interfaces de usuario tienen su propia forma de manejar este concepto:

  • Vue.js: En Vue, se usa el concepto de "slots" para inyectar contenido en un componente hijo. Puedes tener "slots" sin nombre o "slots" con nombre para controlar exactamente dónde se renderiza el contenido anidado.

En resumen, aunque el nombre children no es una regla universal para la programación web, es el nombre que React utiliza de forma predeterminada para manejar la composición de componentes. Usarlo es esencial para seguir las mejores prácticas de la librería.