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 interfaces de usuario interactivas en React, es decir, cómo podemos interactuar con los componentes que vayamos creando en nuestras aplicaciones, eventos de click, submit y todo este tipo de eventos que ya conocemos, aquí más información.

Siguiendo los ejemplos de la documentación de React vamos a crear un botón like dislike, el cuál tendrá un evento click asociado, cuando pulsemos simplemente el estado será el contrario del anterior, es decir, hará toggle.

Interfaces interactivas en React

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


Si ahora pulsas en el texto verás que siempre coge el estado contrario, si te fijas, el párrafo tiene un evento onClick que llama a this.hanleClick, que no es más que una función de nuestra clase y cambia el estado con this.setState de liked.