Hola chicos, cada vez que trato de devolver algunos valores, me encuentro con esta Promesa {: {...}}
const [orders, setOrders] = useState({}); const ordersCollectRef = query(collection(db, "Orders")); useEffect(() => { const getU = async (id) => { // console.log(id, typeof id); const docRef = doc(db, "User", id); const docSnap = await getDoc(docRef); if (docSnap.exists()) { return docSnap.data(); } else { console.log("No such document!"); } }; const getOrders = async () => { const orderData = await getDocs(ordersCollectRef); const o = orderData.docs.map((order) => ({ ...order.data(), id: getU(order.data().userId), })); setOrders(o); }; getOrders(); }, []); console.log(orders);Estoy dentro de una función asíncrona y uso esperar, así que no entiendo.
Su función getOrders debería verse así:
const getOrders = async () => { const orderData = await getDocs(ordersCollectRef); const o = await Promise.all(orderData.docs.map(async (order) => ({ ...order.data(), id: await getU(order.data().userId), }))); setOrders(o); };