如何使用 Firebase Firestore 的 `docChanges` 方法？

Question

在使用 react-native-firebase 的 react 本机应用程序中的一个操作中，我创建了一个 Firestore 快照侦听器：

听众：

export const onAgendaChange = (uid, role, dispatch) => {
    // query based off role
    let query;
    if (role == 'Receiver') {
        query = 'receiver.uid';
    } else {
        query = 'sender.uid';
    }

    console.log('(actions/agenda) Firestore Read: getAgenda()');

    return firebase
        .firestore()
        .collection('events')
        .where(query, '==', uid)
        .orderBy('date')
        .onSnapshot((querySnapshot) => {
            const agenda = []

            querySnapshot.forEach((doc) => {
                let event = doc.data();
                event.id = doc.id;
                agenda.push(event);

                dispatch({ type: types.LOAD_AGENDA_SUCCESS, payload: agenda });
            });

            querySnapshot.docChanges().forEach(function (change) {
                if (change.type === "added") {
                    console.log("Add heard: ", change.doc.data());
                }
                if (change.type === "modified") {
                    console.log("Modified heard: ", change.doc.data());
                }
                if (change.type === "removed") {
                    console.log("Removed heard: ", change.doc.data());
                }
            });
        });
};

我观察到的一个问题是在初始应用程序加载时，当这个监听器执行时，它返回一个错误：

TypeError：querySnapshot.docChanges 不是函数。 （在 'querySnapshot.docChanges()', 'querySnapshot.docChanges' 是一个 数组实例）

我观察到的下一个问题是，如果重新加载应用程序，则不会生成上述错误，因此如果引用的集合中的文档发生更改，docChanges() 仍然不会记录任何内容。这直接取自 firebase 文档。当在 'where' 或 'orderBy' 上使用 onSnapshot() 时，回调会收到一个 querySnapshot 对象，该对象确实有 docChanges() 作为方法。那么有什么想法吗？

Answer 1

这个问题是由于在使用 react-native-firebase 时过于关注 firebase 文档造成的。

虽然该库确实反映了 95% 的 firebase 文档，但在这种情况下，它没有。

使用 react-native-firebase，docChanges 是一个属性，而不是一个函数，所以你要使用：

querySnapshot.docChanges.forEach(function (change) {
  if (change.type === "added") {
    console.log("Add heard: ", change.doc.data());
  }
  if (change.type === "modified") {
    console.log("Modified heard: ", change.doc.data());
  }
  if (change.type === "removed") {
    console.log("Removed heard: ", change.doc.data());
  }
});