Saltar al contenido

componentes funcionales con estado en React usando useState HookNov, 13thIn este tutorial, vamos a aprender acerca de cómo utilizar el estado en el …

marzo 13, 2020

 

En este tutorial, vamos a aprender acerca de cómo utilizar el estado de los componentes funcionales mediante usinguseState () gancho.

¿Cuáles son los ganchos?

ganchos son la nueva característica de reaccionar lo que nos permite utilizar las funciones de los componentes funcionales reaccionan sin necesidad de utilizar los componentes basados ​​en clases.

Ejemplo: gancho useState se utiliza para agregar el estado en componentes funcionales

Ganchos actualmente están en React v16.8.0-alpha.0.

useState gancho

useState gancho nos ayuda a añadir el estado de los componentes funcionales.

ejemplo:

import {useState} from 'react';

function Counter(){

let [number,setCount ] = useState(0);
return (

{number}

)
}

En el código anterior nos importó primera función useState. función

useState acepta un argumento que es un estado inicial de manera que pasamos 0 como un initialState.

¿Qué retorno useState?

si invocar una función useState con el estado inicial se devolver una matriz con dos valores primero uno es el estado actual, y el segundo es la función que se usa para actualizar el estado actual.

let [number,setCount ] = useState(0);