Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

Infinitas requests na api http://localhost:8000/api/v2/restaurantes/

Ao abrir o console pra verificar as requests vi que tá fazendo infinitas requests na api http://localhost:8000/api/v2/restaurantes/, Se possível corrigir isso aí ;/

5 respostas

Salve, Filipe!

Consegue compartilhar seu código? :)

Assim a gente descobre o que tá rolando

tá aqui https://github.com/filipe-jsales/alfood-main

solução!

Filipão, no seu useEffect na linha 17 do arquivo ficou faltando passar o segundo argumento, que é um array vazio:

Assim:

  useEffect(() => {
    axios
      .get<IRestaurante[]>("http://localhost:8000/api/v2/restaurantes/")
      .then((resposta) => setRestaurantes(resposta.data));
  }, []);

Ao invés de:

  useEffect(() => {
    axios
      .get<IRestaurante[]>("http://localhost:8000/api/v2/restaurantes/")
      .then((resposta) => setRestaurantes(resposta.data));
  });

Esse array indica que queremos realizar esse efeito somente uma vez. Mais detalhes aqui na documentação.

ahh lol, apenas isso ocasionou as infinitas requests? xD

Valeu pela ajuda!

Parece pouca coisa, né?

Mas faz toda a diferença. Em breve vai sair um Alura+ só sobre esse hook :)

Bons estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software