Estoy trabajando en react + firestore 9 para un proyecto y he estado buscando una forma de recuperar datos para mostrarlos en mi aplicación. La cosa es que veo a mucha gente recomendando esta sintaxis:
import firebase, { db } from 'path/to/firebase'; import {collection, getDocs, getDoc, query, doc, addDoc, deleteDoc, updateDoc} from "firebase/firestore"; // CONSULTA const result = await getDocs(query(collection(db, 'persons')));Mi pregunta es sobre la espera fuera de una función asíncrona, siempre obtengo el mismo error que resuelvo al crear una función asíncrona para envolver la espera así:
import firebase, { db } from 'path/to/firebase'; import {collection, getDocs, getDoc, query, doc, addDoc, deleteDoc, updateDoc} from "firebase/firestore"; // CONSULTA const result = async() => { const foo = await getDocs(query(collection(db, 'persons'))); };Asi que; ¿Hay algo que pueda hacer para que funcione fuera de la función asíncrona, o estoy condenado por la eternidad a envolver las esperas en funciones asíncronas?
Si no me equivoco, await solo se puede usar en la función asíncrona. Pero puede usar .then(() => {}) y agregarle lógica, estará seguro de que el código se activará después de la promesa y sus datos se definirán.
En tu caso, supongo que quieres algo como esto.
getDocs(query(collection(db), 'persons'))) .then((foo) => { // do something foo is defined // code outside this scope will be triggered before the .then }) .catch(err => console.log("there is an error", err));Recuerde que la función asíncrona siempre devolverá una promesa y, por lo tanto, incluso si envuelve su código dentro de la función asíncrona, tendrá que usar un .then() al final. Así que tal vez quieras quedarte con .then porque no necesitas la función asíncrona para usar .then