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í ;/
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í ;/
Salve, Filipe!
Consegue compartilhar seu código? :)
Assim a gente descobre o que tá rolando
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!