使用 firestore 清理快照

Question

我目前正在为我的 BAAS 使用 firestore/firebase，并且正在努力从集合中取回一些数据。我的数据呈现和通信正常，但我不知道如何正确清理我的效果挂钩。

我读到 firestore 有一个内置的方法来使用 onsnapshot 函数，但我无法弄明白。

这是对 firestore 数据库的实际 API 调用：

  getBuds: async (uid) => {
    try {
      const snapshot = await db
        .collection('users')
        .doc(uid)
        .collection('buds')
        .get();
      return snapshot.docs.map((doc) => doc.data());
    } catch (error) {
      console.log('Error @getBuds ', error);
    }
  },

这里是调用它的效果函数：

useEffect(() => {
    firebase
      .getBuds(user.uid)
      .then((res) => setBuds(res))
      .catch((err) => console.log(err));
  }, [buds]);

请帮我清理一下！！！非常感谢

更新** 所以我使用 onsnapshot 函数修改了原始代码，并设法从 fire store 中提取我想要的数据，我正在获取每个文档并将每个文档推送到一个数组中。但是我现在似乎无法将此代码放入我调用“getBuds”方法的组件中:(

这是更新后的 getBuds：

getBuds: async (uid) => {
    let unsubscribe;

    try {
      const budData = [];

      unsubscribe = await db
        .collection('users')
        .doc(uid)
        .collection('buds')
        .onSnapshot((snapshot) => {
          snapshot.forEach((doc) => {
            budData.push(doc.data());
          });
          console.log(budData);
          return budData;
        });
    } catch (error) {
      console.log('Error @getBuds ', error);
    }
  },

Answer 1

您可以使用 onSnapshot 侦听器的取消订阅方法：

let unsubscribe;

getRealtimeUpdates = function(document) {
        unsubscribe = firestore.collection("collection_name")
            .onSnapshot(function(querySnapshot) {
            querySnapshot.forEach(function(doc) {
                if (doc && doc.exists) {
                    const myData = doc.data();
                    // DO SOMETHING
                }
            });
        });
    }
  
  // unsubscribe:
  
  unsubscribe();

更多信息，请查看

使用 firestore 清理快照

Cleaning up a snapshot with firestore

javascript

firebase

google-cloud-firestore

use-effect