Aula 12 - React - Componentes - Classes - Hooks - useEffect

Aula 12 - React - Componentes - Classes - Hooks - useEffect

O useEffect() é diferente do useState().

A useState() retorna um par de valores: o state atual e uma função que atualiza o state.

O que o useEffect() faz é obter uma função que é chamada sempre que o componente muda ou sempre que o componente é atualizado e renderizado novamente.

No nosso exemplo, a gente tem no card, um campo para digitar um nome.

Nós vamos fazer o seguinte teste, abri o console do navegador para ver o resultado do console.log(‘Oi’) que tá dentro do useEffect().

Em seguida, vamos digitar qualquer coisa no campo disponível do card.

Vejam que a cada letra nova, vai disparar o useEffect() e imprimir o Oi! do console.log(), porque qualquer mudança no componente que tá na tela, que tá no DOM, vai disparar o useEffect().

Isto é, cada vez que o componente é re-renderizado, ele dispara o useEffect().
...

Outros Canais

Toti:
https://www.youtube.com/channel/UCUEtjLuDpcOvR3mIUr-viOA

Backing track / Play-along:
https://www.youtube.com/channel/UCT3TryVMqTqYBjf5g5WAHfA

Código Fluente
https://www.youtube.com/channel/UCgn-O-88XBAwdG9gUWkkb0w

Putz!
https://www.youtube.com/channel/UCZXop2-CECwyFYmHbhnAkAw

Aproveito para deixar meu link de afiliados na Hostinger, tá valendo a pena, dêem uma olhada:
https://www.hostg.xyz/aff_c?offer_id=12&aff_id=13441

Curta a página do Código Fluente no Facebook
https://www.facebook.com/Codigofluente-338485370069035/

Playlist desse curso:
https://www.youtube.com/playlist?list=PLeFetwYAi-F-6mZ6TDrOR0EqyY4UbT_5S

Para mais detalhes acesse o endereço:
https://www.codigofluente.com.br/aula-12-react-componentes-classes-hooks-useeffect/

Obrigado e até a próxima
Toti Cavalcanti