• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

102
Vistas
solicitud interminable al back-end usando useEffect hook React

Tengo un problema, estoy tratando de hacer una solicitud a mi back-end para que cuando mi componente se cargue pueda recibir algunos datos para renderizar el problema es que la aplicación entra en un ciclo infinito de solicitudes que hace que mi ventilador gire joder, alguna solución?

 useEffect(() => { Axios.post("http://localhost:3005/people", {UUID}).then((response) => { const peopleArray = []; for (let key in response.data) { peopleArray.push({ ...response.data[key] }); } setPeople(peopleArray); }); });
almost 3 years ago · Juan Pablo Isaza
2 Respuestas
Responde la pregunta

0

Necesita una matriz de dependencias para usarEffect, para ejecutar solo en el componente montado o cualquiera de estas dependencias cambia. como sin una serie de dependencias, se ejecutará con cada renderizado, lo que provocará un bucle infinito.

 useEffect(() => { Axios.post("http://localhost:3005/people", {UUID}).then((response) => { const peopleArray = []; for (let key in response.data) { peopleArray.push({ ...response.data[key] }); } setPeople(peopleArray); }); }, []);
almost 3 years ago · Juan Pablo Isaza Denunciar

0

Revisa la Documentación o revisa este ejemplo w3school

Solo ejecute el efecto en el renderizado inicial:

 useEffect(() => { Axios.post("http://localhost:3005/people", {UUID}).then((response) => { const peopleArray = []; for (let key in response.data) { peopleArray.push({ ...response.data[key] }); } setPeople(peopleArray); }); }, []); // <- add empty brackets here
almost 3 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda