La prop children
es una prop especial que se pasa a los componentes. Es un objeto que contiene los elementos que envuelve un componente.
Por ejemplo, si tenemos un componente Card
que muestra una tarjeta con un título y un contenido, podemos usar la prop children
para mostrar el contenido:
function Card(props) {
return (
<div className="card">
<h2>{props.title}</h2>
<div>{props.children}</div>
</div>
)
}
Y luego podemos usarlo de la siguiente forma:
<Card title="Título de la tarjeta">
<p>Contenido de la tarjeta</p>
</Card>
En este caso, la prop children
contiene el elemento <p>Contenido de la tarjeta</p>
.
Conocer y saber usar la prop children
es muy importante para crear componentes reutilizables en React.