Regras dos Hooks do React

Não use Hooks dentro de loops, regras condicionais ou funções aninhadas (funções dentro de funções). Em vez disso, sempre use Hooks no nível superior de sua função React, antes de qualquer retorno antecipado.

Usando Effect Hook (Hook de Efeito) do React

O Effect Hook (Hook de Efeito) te permite executar efeitos colaterais em componentes funcionais:

Usando o State Hook do React

Vamos começar a aprender sobre Hooks comparando este código com um exemplo equivalente utilizando classe.