Question

Durante a prototipação e implementação em código de um novo componente React responsável por exibir marcadores geográficos das estações de coleta no mapa da biblioteca Leaflet, você utiliza o hook nativo useEffect para acionar a função assíncrona que busca as coordenadas diretamente na API. Contudo, em um momento de distração ao digitar o código, você esquece completamente de fornecer o segundo argumento fundamental para este hook: o famoso array de dependências, deixando-o totalmente ausente na declaração da função. Ao testar a aplicação localmente no navegador, você percebe que a rede do seu computador fica estrangulada, travando o servidor local por um volume colossal de requisições disparadas por segundo. Qual é a explicação técnica exata para esse comportamento catastrófico ocorrido na estrutura do React?

Accepted Answer

B) Sem o array de dependências, a função de busca na API será executada após cada ciclo mínimo de renderização do componente; como o retorno da API atualiza um estado visual local, o componente renderiza novamente, disparando uma nova busca e criando um laço infinito e fatal de requisições.

Answer

A) A ausência do array de dependências faz com que o componente ignore completamente a rota da API configurada no código e tente fazer o download do banco de dados relacional inteiro diretamente para o disco rígido, travando a rede.

Answer

C) O ecossistema do React interpreta a completa falta do array de dependências como uma gravíssima brecha de segurança arquitetural, forçando o navegador a recarregar a aba repetidas vezes na tentativa de proteger o código fonte de ataques externos.

Answer

D) A falta do array faz com que a requisição de rede aconteça totalmente fora do escopo seguro e monitorado do Virtual DOM, vazando rapidamente toda a memória RAM disponível na aba de navegação e paralisando a comunicação via internet.

Mais questões de Frameworks web e sistemas de gerenciamento de conteúdo