使用 firestore 清理快照

Question

我目前正在为我的 BAAS 使用 firestore/firebase，并且正在努力从集合中获取一些数据。 我有数据渲染和正确通信，但我无法弄清楚如何正确清理我的效果挂钩。

我读过 firestore 有一个内置的方法来使用 onsnapshot function 但我无法弄清楚。

这是对 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);
    }
  },

这是效果 function，它被称为：

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

请帮我清理一下！！！ 我真的很感激

更新** 因此，我使用 onsnapshot function 修改了原始代码，并设法从 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 退订更新