O equivalente de componentDidMount em hooks é a função useEffect. As funções passadas para useEffect são executadas em cada renderização de componente - a menos que você passe um segundo argumento para ele.
Para que serve o efeito?
O que useEffect faz? Usando este Hook, você diz ao React que seu componente precisa fazer algo depois de render. O React irá lembrar a função que você passou (vamos nos referir a ela como nosso “efeito”), e a chamará mais tarde após realizar as atualizações do DOM.
O componentDidMount é um hook do React?
useEffect é um gancho React onde você pode aplicar efeitos colaterais, por exemplo, obtendo dados do servidor. O primeiro argumento é um retorno de chamada que será acionado após o layout e a pintura do navegador.
Por que useEffect não é chamado?
A razão disso acontecer é porque a chamada da api é assíncrona, não preenche o estado imediatamente, então a renderização acontece primeiro e tenta ler. atual do estado meteorológico inicial null. Solução: no seu método de renderização, certifique-se de não ler o clima.
UseEffect sempre roda no Mount?
Importante: o hook useEffect sempre será executado na montagem, independentemente de se houver algo em seu array de dependências. Provavelmente não queremos realmente executar esse efeito em nossos dados quando estão indefinidos (como será na renderização inicial), mas queremos esperar até que seja preenchido a partir da chamada da API.
