Seu próximo nível começa aqui
Seu desenvolvimento não pode ter limites. Garanta sua Assinatura Ilimitada e libere uma preparação completa com os melhores professores do Brasil.
Um desenvolvedor está enfrentando um problema com o código abaixo. A chamada à API é ex...
Um desenvolvedor está enfrentando um problema com o código abaixo. A chamada à API é executada múltiplas vezes.
useEffect(() => {
fetch('https://api.site.br/dados')
.then(response => response.json())
.then(data => {
console.log('Dados carregados:', data);
setDados(data);
});
});
Qual é a ação mais apropriada para resolver esse problema e garantir que a requisição ocorra apenas uma vez, na montagem do componente?
A
Utilizar um useLayoutEffect em vez de useEffect.
B
Criar uma variável global fora do componente e verificar seu valor no useEffect.
C
Adicionar um console.log() antes do useEffect para verificar quantas vezes o componente renderiza.
D
Passar um array vazio [] como segundo argumento para o useEffect a fim de rodá-lo apenas na montagem.