Firebase React Native 获取数据

Question

我正在尝试使用提要在 react-native 上做一个应用程序。在我的主屏幕上，我去获取数据：

fetchData() {
firebase.database().ref(`/posts/${group}`).on('value', async snapshot => {...}
}

例如，当我想点赞该帖子的评论时，我首先使用不同的查询将数据推送到 Firebase，例如：

export const likeComment = (...) => {   
firebase.database().ref(`/posts/${group}/${post}`).update
({
   updatedAt: firebase.database.ServerValue.TIMESTAMP 
});
firebase.database().ref(`/posts/${group}/${post}/lastComments`).set(...);

但我意识到我的第一个函数 fetchData 被调用了 3 次。 然后我将我的查询分组为：

let updates = {}
updates[`/posts/${group}/${post}/lastComments`] = {...};
updates[`/posts/${group}/${post}`] = { ... };
firebase.database().ref().update(updates);

然后，fetchData 仍然被调用了 2 次。

我想知道这是否是最好的方法，为什么我的函数 fetchData 仍然被调用了两次。 感谢您的帮助

Answer 1

从有限的代码中很难判断，但我的猜测是 fetchData 实际上并没有被多次调用，而是当您更新 Firebase 数据库时，snapshot 正在触发。

你说.on('value', async snapshot =>的代码部分你正在设置一个监听器，以便在值发生变化时向你发送更新。

所以我猜你的三个调用是：

1. 第一次实际调用 fetchData 并设置 听众
2. 您的.on( snapshot 监听器在您调用时触发 update
3. 你的.on( snapshot监听器在你再次触发时 致电set

这种基于推送的数据库工作流程是 Firebase 的主要优势之一。如果你只想获取一次数据而不是实时更新，你可以调用.once(而不是.on(

https://firebase.google.com/docs/database/web/read-and-write