如何将其转换为异步函数？

Question

我希望能够从Firestore数据库中检索用户，并过滤以找到使用数据库中用户ID的当前记录的ID之间的匹配。我无法做到这一点，因为我无法找到一种将其更改为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();
  }, [])

Answer 1

我希望能够从firestore数据库中检索用户并过滤以找到使用数据库中用户ID登录的当前ID之间的匹配。

您可以使用 >相反，这只会获取用户的文档，只需花费1个读取。当前，您正在阅读整个集合，这些集合将花费您n读，其中n是用户集合中的文档数量。

您可以仅使用usefeft（）一次，然后在更新验证状态后查询firestore。尝试重构代码，如下所示：

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")
    }
  });
}, [])