PropTypes en React v15.5.0
PropTypes en React v15.5.0
¡INSCRÍBETE A CUALQUIER CURSO CON UN 50% DE DESCUENTO PARA NUEVOS CLIENTES!

En este tutorial vamos a ver cómo crear y utilizar múltiples componentes en React, siguiendo los ejemplos de la documentación, vamos a utilizar la api graph de facebook, simplemente veremos cómo crear un link al perfil de un usuario y mostrar su imagen, aquí más información.

Para este caso, es útil crear tres componentes haciendo uso de React.createClass y así lo recomienda React, un componente será para generar el enlace, otro para generar la imagen y el último para mostrar ambos dos.

De esta forma tan simple podemos reutilizar más adelante todos nuestros componentes sin necesidad de duplicar código.

Crear múltiples componentes en React

Crea un archivo index.html y añade el siguiente código.


Simplemente cambia la propiedad del componente Avatar por un nombre de un usuario de facebook válido y verás cómo aparece el enlace y la imagen correcta.

Cómo hemos dicho, hemos creado tres componentes con React, dos que generan y otro que muestra ambos, de esta forma tan sencilla podemos crear y utilizar múltiples componentes en React.