reactjs 我如何在添加/删除firestore上的任何内容后呈现数据而不刷新页面

qni6mghb  于 2022-11-29  发布在  React
关注(0)|答案(1)|浏览(110)

我使用react js &来存储我使用firebase的数据,所以每当我从firestore添加或删除一些东西时,如果不重新加载整个页面,它就不会反映在我的页面上
如何在不刷新页面的情况下反映更改的数据?
有人能帮帮我吗?
我已经在firebase服务页面中编写了代码,以获取所有数据并更新它,我正在需要该函数的其他页面中调用该函数
现在我的函数可以工作了,但是如果不重新加载整个页面,它就不会反映在页面上

9avjhtql

9avjhtql1#

可以使用onSnapshot监听文档更改
更多信息https://firebase.google.com/docs/firestore/query-data/listen

import { onSnapshot, collection } from "firebase/firestore";

onSnapshot(collection(db, "YourCollectionName"), (snapshot) => {

 //snapshot.docs will contain the realtime updated changes
 console.log("new data" snapshot.docs)
});

相关问题