Hago una función asíncrona para obtener ofertas y agrego a la matriz con otra matriz. Pero la matriz de ofertas parece vacía en la consola, pero cuando hago clic muestra los elementos.
Los productos están llegando, ese no es el problema. El problema es que no puedo agregar arrayOffers a itemsArray .
OBS: forEach es de p-interation lib.
este es mi codigo
useEffect(() => { if (auth && auth._id) { const fetchUserVisitedProducts = async (id) => { const user = await getPublicUserRequest(id); let array = []; forEach(user.offers_visited, async (id) => { const offers = await getOfferRequest(id) array.push(offers) }); const arrayOffers = array; console.log(arrayOffers) const itemsArray = [ ...user.barbadas_visited, ...arrayOffers] console.log(itemsArray) } fetchUserVisitedProducts(auth._id) } },[auth])En la imagen, veo una matriz con 4 objetos, pero parece vacía. Y otra matriz que es correcta.
Intenta reemplazar el
forEach(user.offers_visited, async (id) => { const offers = await getOfferRequest(id) array.push(offers) });con
for (const id of user.offers_visited) { const offers = await getOfferRequest(id) array.push(offers) } como forEach no está diseñado para usarse con async.