Tengo un problema al llamar a una función para cargar apenas se inicia la pagina. Tengo una función getTasks()
que me devuelve un array con tareas que se crearon. dentro de mi componente listTasks
quería que se muestren, para eso tengo que ejecutar getTasks dentro del useEffect, pero cuando lo ejecuto la consola me empieza a lanzar en cascada miles de console.log(task)
, que es el array con las tareas. No sé cómo modificarlo o si hay algo que esté haciendo mal.
El código es este:
const getTasks = async () => {
const respuesta = await fetch(_urlTasks + "/tasks");
const data = await respuesta.json();
console.log(data);
if(tasks.length === 0){
setTasks({
hayTareas: false,
data
});
}else{
setTasks({
data,
hayTareas: true
});
}
}
useEffect(() => {
getTasks();
});