tengo dos api
La primera API devuelve una lista de elementos que estoy iterando para obtener los datos detallados de cada elemento.
aquí está el código
const [loader, setLoader] = useState(false); React.useEffect(() => { const fetchUsers = async() => { setLoader(true); const users = await getUsers(); const promises = users.map(async (user) => { let userData = await getUsersDetailedData(user.userId); return userData }); let finalUsers = await Promise.all(promises); setLoader(false); } fetchUsers(); }, [])Estoy actualizando el estado del cargador antes de la llamada a la API y después de la llamada, pero no funciona.
El estado del cargador se actualiza muchas veces y el cargador no muestra registros
Pruébalo de esta manera,
React.useEffect(() => { const fetchUsers = async() => { const users = await getUsers(); const promises = users.map(async (user) => { let userData = await getUsersDetailedData(user.userId); return userData }); let finalUsers = Promise.all(promises); return finalUsers; } setLoader(true); fetchUsers().then(res=>{ setLoader(false); }); }, [])