Obtengo las instantáneas en la colección cartItems de Firebase y para cada cartItem accedo al campo ticket_id que asocia el cartItem con el ticket. Luego, para cada boleto al que se accede, quiero obtener los campos en él + acceder a la información sobre el Evento asociado con un boleto por el campo event_id en un boleto. Después de tener toda la información para el boleto y el evento, quiero crear una nueva matriz que combine toda la información (información del boleto y nombre del evento). Solo mire la estructura de la base de datos para una mayor comprensión: https://i.stack.imgur.com/9IzoG.png , https://i.stack.imgur.com/XiaxX.png , https://i.stack. imgur.com/V5FOh.png

así es como lo hago en el código nativo de reacción:

 useEffect(() => { const subscriber = onSnapshot(q, (snapshot) => { let cartItems = []; snapshot.docs.forEach((cart_item) => { getDoc(doc(getFirestore(), 'tickets', cart_item.data().ticket_id)).then((ticket_item) => { getDoc(doc(getFirestore(), 'events', ticket_item.data().event_id)).then((event_item) => { cartItems.push({...ticket_item.data(), event_name: event_item.data().name, id: cart_item.id}); }); }); }); console.log(cartItems); }) return () => subscriber(); }, [])

Sin embargo, en el lugar donde estoy registrando la matriz, está vacía. Si registro la matriz justo después de cartItems.push(...), entonces se llena muy bien durante el bucle triple. ¿Por que es esto entonces? ¿Quizás incluso tenga una mejor solución para estructurar la base de datos y acceder a la información de los artículos?