Del curso: React avanzado 1

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.200 cursos impartidos por expertos del sector.

Gestión del estado con React Hooks y valores estáticos

Gestión del estado con React Hooks y valores estáticos - Tutorial de React.js

Del curso: React avanzado 1

Gestión del estado con React Hooks y valores estáticos

En esta lección te voy a mostrar cómo insertar React Hooks dentro de un componente funcional. Acá yo estoy refactorizando un componente basado en clases y lo estoy convirtiendo a un componente funcional. Los React Hooks nos permiten utilizar el estado de una forma sencilla sin necesidad de trabajar con componentes basados en clases, así que únicamente funcionan dentro de componentes funcionales. Si examinamos este componente, vamos a ver que tenemos un constructor; en este constructor es que estamos creando el estado. Vamos a hacer el equivalente utilizando React Hooks dentro de este componente funcional. Vamos a buscar acá el inicio de mi función y vamos a comenzar creando una constante. Acá vamos a deconstruir un elemento. Vamos a primero crear un ítem, vamos a ponerle item1 y vamos a definir una segunda propiedad que va a ser setItem1. Esto básicamente nos va a permitir a nosotros crear algo como un setter y un getter. ¿Qué significa eso? Que vamos a utilizar este primer elemento…

Contenido