Introducción a los Estados en React
El siguiente concepto que analizaremos se llama estados. Los estados representan variables reactivas de los componentes.
La reactividad significa que al cambiar el estado, los cambios ocurrirán en todos los lugares donde se utilice este estado. Técnicamente esto se logra mediante el rerenderizado de todo el componente al cambiar cualquier estado.
Para usar los estados, primero es necesario
importar la función useState:
import React, { useState } from 'react';
La función useState recibe como parámetro
el valor inicial del estado, y como resultado
retorna un array especial de dos elementos.
En el primer elemento del array se almacenará
el valor actual del estado, y en el segundo - la función
para cambiar el estado.
Para el correcto funcionamiento de los estados, no se pueden cambiar directamente, sino que se debe usar la función para cambiarlos - solo entonces funcionará la reactividad.
