Firebase onSnapShot不断调用
Firebase onSnapshot是Firebase Realtime Database中的一个方法，用于实时监听数据库中数据的变化。当数据库中的数据发生变化时，onSnapshot会立即触发回调函数，并将最新的数据传递给回调函数。
Firebase是一种由Google提供的云计算平台，它提供了一系列的云服务，包括实时数据库、身份认证、云存储、云函数等。Firebase Realtime Database是其中的一个核心服务，它是一种实时的、NoSQL的云数据库，可以用于构建实时应用程序。
onSnapshot方法的作用是实时监听数据库中数据的变化。当数据库中的数据发生变化时，无论是新增、修改还是删除，onSnapshot都会立即触发回调函数，并将最新的数据传递给回调函数。这样，开发者可以实时获取最新的数据，并根据需要进行相应的处理。
onSnapshot方法的优势在于实时性和简便性。通过使用onSnapshot方法，开发者可以轻松地实现实时数据更新的功能，而无需手动轮询或发送请求。这大大简化了开发过程，并提高了应用程序的实时性和用户体验。
Firebase Realtime Database适用于许多应用场景，例如聊天应用、实时协作工具、实时游戏等需要实时数据更新的应用。通过使用onSnapshot方法，开发者可以实时获取最新的数据，并将其展示给用户，从而实现实时的数据同步和更新。
对于Firebase Realtime Database的具体产品介绍和相关产品，可以参考腾讯云提供的云数据库产品，例如腾讯云数据库TDSQL、腾讯云数据库CynosDB等。这些产品提供了类似的功能和特性，可以满足开发者的需求。
腾讯云数据库产品介绍链接地址：
相关·内容
1回答
Firebase onSnapShot不断调用
javascript、reactjs、firebase、google-cloud-firestore
使用firebase处理ToDo应用程序。 import React, { useState, useEffect } from "react";import ToDoItem from ".) => { db.collection("ToDo") .<
浏览 2提问于2020-09-13得票数 0
回答已采纳
1回答
取消订阅firestore文档快照侦听器
javascript、firebase、google-cloud-firestore
如果有什么意义的话，我使用的是firebase模拟器。
浏览 11提问于2020-12-05得票数 0
1回答
在使用onSnapshot时，如何避免使用嵌套的try catch？
javascript、firebase、try-catch
这是我第一次遇到这样的情况，try catch块不能捕获在onSnapshot中抛出的错误，所以我不得不在它里面使用一个嵌套的tryCatch块来做我所期望的事情，但是它看起来有点脏。currentDistrubutorId)
fetchOrdersReponse.onSnapshot
浏览 25提问于2021-02-06得票数 0
回答已采纳
1回答
如何有条件地使用防火墙的onSnapshot函数？
reactjs、firebase、google-cloud-firestore
我试图使用onSnapshot函数的firebase...this是我的代码结构 firebaseApp .where("time", "==", time) .onSnapshotdata in current
浏览 1提问于2021-01-23得票数 0
回答已采纳
2回答
在for循环中使用firebase onSnapshot()吗？
javascript、reactjs、firebase、google-cloud-platform、google-cloud-firestore
我正在尝试更新这个程序，以使用onSnapshot()而不是get()。也许我混淆的核心是onSnapshot()没有返回承诺，我只是尝试将侦听器添加到数组中，但是数据似乎没有被更新。如何在for循环中迭代onSnapshot()'s并呈现结果？我认为当我调用setActivityDataArray时，它是在一个空数组上运行的，然后它就再也不会被调用了。因此，除非我切换到应用程序中的另一个选项卡并返回，否则数据不会呈现。我认为我需要在onSnapshot()中重新呈现，但是如何
浏览 4提问于2022-03-24得票数 1
回答已采纳
1回答
修复onSnapshot:一个查询复杂还是多个查询简单
javascript、firebase、mobile、google-cloud-firestore、firebase-security
创建带有复杂子句的onSnapshot或使用简单在快照上创建3有任何成本或性能差异。此外，posts_permission posts 集合有一条规则，如果日志用户有读取帖子的权限，则可以签入集合。这是一个移动项目，所以我关心的是性能和成本，因为帖子可以不断更新。复合子句： .where(firebase.firestore.FieldPath.documentId(), 'in', ['id1
浏览 3提问于2020-09-10得票数 0
1回答
修复onSnapshot()方法多次触发
javascript、vue.js、vuejs2、google-cloud-firestore、vuex
在本例中，onSnapshot()方法在修改Fi还原控制台中的数据后多次触发。export function getDataPie () { let fdata = []
return db.collection(
浏览 5提问于2019-12-24得票数 2
回答已采纳
2回答
当点击一个项目时，React中的过滤列表会瞬间闪现整个列表
javascript、reactjs、react-hooks
这些菜肴是从Firebase获取的，并显示为一个带有下拉过滤器的列表，以便您可以根据食物类别进行过滤。useState([]);
// This code fires when the app loads
collection = collection.where("category", "==", category);
浏览 35提问于2021-03-17得票数 0
回答已采纳
1回答
删除火药库上的实时侦听器
javascript、firebase、google-cloud-firestore、listener、real-time-updates
要启动侦听器，只需调用 start () firebase.firestore().doc("users/x").onSnapshot(function(doc){ });但是为了停止侦听器，我尝试调用函数并注意其中的内容，但是它不起作用function stop(){
firebase.firestore(
浏览 1提问于2020-07-22得票数 1
回答已采纳
1回答
Render方法不显示React本机中的状态值
reactjs、react-native、state、render
我在componentDidMount()中调用的函数中设置状态，但在呈现中没有访问状态的值。 const getSelected = this.props.navigation.state.params;
var ref = firebase.firestore().collection('discounts').where("rest_id", "==", getSelected.rest
浏览 1提问于2019-12-29得票数 0
1回答
当涉及调度()时，取消订阅防火墙(.).onSnapshot()不起作用
reactjs、react-native、react-redux、redux-thunk、react-native-firebase
问题:当涉及调度()时，取消订阅防火墙(.).onSnapshot()不能工作。componentDidMount() {
this.unsubscribe = this.props.userFetch// userFetch is an action creator in actions
浏览 2提问于2020-04-14得票数 0
回答已采纳
1回答
Firestore promise chaining第2个链快照找不到文档
reactjs、redux、google-cloud-firestore、es6-promise、chaining
react、redux、es6、firestore onsnapshot查询 我想根据博客的变化更新一组问题，当类别发生变化时，博客本身也会发生变化。然而，当我尝试用promises链接onSnapshot时，第二个onSnapshot失败了。我正在调用第二个onsnapshot和update，作为promise all的第二个链。我不清楚的是为什么Firestore没有在第二个onSnapshot中找到文档。增量方法基于firebase增量方法： fireba
浏览 15提问于2021-01-29得票数 1
1回答
如何取消订阅Firestore中的集合更改
reactjs、firebase、redux、google-cloud-firestore
根据Firebase文档，您需要调用onSnapshot()方法来停止侦听。我遗漏了什么？https://firebase.google.com/docs/firestore/query-data/listen 这是调用订阅/取消订阅操作创建者的钩子： useEffect(() => {subscribe = () => { const items =
浏览 13提问于2019-04-26得票数 1
回答已采纳
1回答
TypeError：_firebase__WEBPACK_IMPORTED_MODULE_2__.default.collection不是函数
javascript、reactjs、firebase、google-cloud-firestore
我正在做一个学校项目，我是Firebase和JavaScript的初学者。我正在试着做一个Tinder的克隆。React告诉我这部分代码有错误。起初，我遇到了不同的错误，但它们与Firebase语法相关，我立即修复了它们，但现在我不知道这个错误是什么意思。我的代码在localhost上工作了一瞬间(我看到了我的应用程序)，然后出现了错误。/firebase';
...useEf
浏览 40提问于2021-08-28得票数 2
回答已采纳
2回答
firestore onSnapshot执行了两次
angular、firebase、google-cloud-firestore
我的firestore onSnapshot()函数被调用了两次。let user = firebase.firestore().collection('users').doc(userID).onSnapshot {
浏览 0提问于2018-04-23得票数 11
3回答
为什么'onSnapshot‘谷歌防火墙这么快，立即被解雇？
reactjs、firebase、google-cloud-firestore、react-hooks
有人知道onSnapshot方法是如何工作的吗？我的意思是，它是如此快(就像，立即)，即使我改变网络，以减缓3G在devtools，它仍然快。我在XHR选项卡中注意到，当应用程序向firebase发出请求时，请求仍在等待，但onSnapshot已经启动并更改了我的react应用程序中的状态。我以为会等到火力基地有反应，但事实并非如此。只是将应用程序状态存储在某个地方，还是只是简单地读取应用程序状态，然后在发出请求时更新状态(调用onSnapshot)？当调用此函数(下面的功能是将集合添加
浏览 0提问于2020-05-03得票数 1
回答已采纳
1回答
如何从其他文件/模块调用onsnapshot firebase结果？
reactjs、firebase、google-cloud-firestore
我想知道是否可以将onSnapshot的值从一个文件返回到另一个文件，也许这个例子会有所帮助。这是我的firebase-dishes crud.js文件 const listenRealTimeDishes = () => { .firestore() .onSnapshot((dishes) => {
浏览 8提问于2020-12-14得票数 0
回答已采纳
1回答
Firebase v9模块--如何使用onSnapshot返回可观察到的？
javascript、angular、google-cloud-firestore、angularfire2
我正在尝试使用Firebase v9模块化版本，我对如何使用onSnapshot感到困惑。我正在尝试执行一个查询并侦听文档。'boards');
return onSnapshot
浏览 5提问于2022-03-02得票数 0
回答已采纳
2回答
query.onSnapshot()每次文本框更改页面上的文本时运行两次- Firebase并作出反应
reactjs、firebase
我还有一个Firebase查询：firebase.firestore().collection('messages').where('users', 'array-contains', uid) }) }
const u
浏览 2提问于2021-05-17得票数 1
回答已采纳
1回答
仅当状态更改时才重新呈现react组件
reactjs
嗨，我是新的反应和Firebase，我想了解为什么这个组件不断重新渲染。基本上，我想要做的是获取数据并显示它，继续监听更改并更新数据，而不需要重新加载页面 import React, { useState, useEffect } from 'react'; const [items, setItems] = useState();
浏览 14提问于2020-05-02得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
