Quiero poder recuperar a los usuarios de la base de datos de Firestore y filtrar para encontrar una coincidencia entre la identificación del usuario que inició sesión actual con la identificación del usuario de la base de datos. No puedo hacer eso porque no puedo encontrar una manera de cambiar esto a la función async :
const [loggedUser, setLoggedUser] = useState([]); const [data, setData] = useState([]); useEffect(() => { const getUserData = () => { onSnapshot(collection(db, "users"), (snapshot) => { let list = []; snapshot.docs.forEach((doc) => { list.push({ id: doc.id, ...doc.data() }); setData(list); }); }, (err) => { console.log(err); }); } getUserData(); }, []) useEffect(() => { const getLoggedUser = onAuthStateChanged(auth, (user) => { if (user) { const uid = user.uid; console.log(uid); if (data) { const signedUser = data.filter((item) => item.id === uid); setLoggedUser(signedUser); } else { console.log("no matching data") } } else { console.log("no user found") } }); getLoggedUser(); }, [])Quiero poder recuperar a los usuarios de la base de datos de Firestore y filtrar para encontrar una coincidencia entre la identificación del usuario que inició sesión actual con la identificación del usuario de la base de datos.
En su lugar, puede usar getDoc , que solo obtendrá el documento del usuario y le costará solo 1 lectura. Actualmente está leyendo toda la colección que le costará N lecturas donde N es el número de documentos en la colección de users .
Puede usar useEffect() solo una vez y consultar Firestore cuando se haya actualizado el estado de autenticación. Intente refactorizar el código como se muestra a continuación:
import { getDoc, doc } from "firebase/firestore" const [loggedUser, setLoggedUser] = useState([]); const [data, setData] = useState([]); useEffect(() => { onAuthStateChanged(auth, (user) => { if (user) { const uid = user.uid; console.log("User UID:", uid); const snapshot = await getDoc(doc(db, "users", uid)); if (snapshot.exists) { setLoggedUser(snapshot.data()); } else { console.log("user document missing") } } else { console.log("User not logged in") } }); }, [])