⚛️ React Hooks - useState

Nesse post vamos conhecer e entender mais sobre o Hook mais utilizado e o primeiro a ser criado pela equipe do React, o useState.

Este é provavelmente o Hook que você mais vai usar. Como o próprio nome já indica, ele nos da o "poder" de usar states em componentes funcionais.

O useState recebe um parâmetro que é o valor inicial do estado e retorna um array com duas posições, a primeira delas o valor do estado e a segunda é uma função que será responsável por alterar (change) o valor deste estado.

Uma característica do useState é que podemos, na função que atualiza o state, enviar um função como argumento e nesta função capturar o valor atual do state da mesma forma como no setState nas classes.

Isto se torna muito útil quando precisamos atualizar um estado baseado em seu valor anterior, como por exemplo em uma função de toggle onde a cada clique o estado alterna entre true e false:

Meus Links

• Linkedin: Marcos Mendes
• Github: @iamdevmarcos