¿Puedo pasar un componente por medio de las props? Es que quiero hacer un componente que sea una card, y que dentro de esa Card vaya otro...

René Antonio González

Pregunta

student•

¿Puedo pasar un componente por medio de las props?

Es que quiero hacer un componente que sea una card, y que dentro de esa Card vaya otros componentes dentro (que ya he creado anteriormente). Pero siempre respetando el tema de abstracción que no voy a modificar el código de ambos componentes porque como ya vimos, deben ser reutilizables.

Sería como querer hacer esto (obvio no funciona así, solo es para que me entiendan)

<Card>
	<Producto title="Macbook Pro" price="$1299.99" img="img-sjdhd.jpg"/>
</Card>

René Antonio González

student•

Muchas gracias, me ha funcionado!

Xamir E Rojas

student•

Si puedes, en la sección de React Router del curso explican que debes usar el atributo children de props de la siguiente manera

<ComponentePadre>
	<ComponenteHijo/>
</ComponentePadre>

luego en el jsx de tu componente lo llamas como

return(
	<OtrosComponentes />
	{this.props.children}
);

También depende de si es un componente funcional... para una explicación detallada ve al video de Mejorando la User Interface con un Layout

¿Puedo pasar un componente por medio de las props? Es que quiero hacer un componente que sea una card, y que dentro de esa Card vaya otro...

Curso de React.js [Empieza Gratis]

Curso de React.js [Empieza Gratis]