← Volver al inicio

Preguntas típicas de React.js

Principiante

¿Qué es y para qué sirve la prop `children` en React?

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.