Firebase/React/Redux组件具有奇怪的更新行为，状态应正常
Firebase是一种由Google提供的云计算平台，它提供了一系列的后端服务，包括实时数据库、身份验证、云存储、云函数等。React是一个用于构建用户界面的JavaScript库，而Redux是一个用于管理应用状态的JavaScript库。
在使用Firebase/React/Redux组件时，如果遇到奇怪的更新行为，可能是由于以下原因导致的：
- 状态管理问题：Redux是一个单一状态树的状态管理库，如果状态更新不正确，可能会导致组件的奇怪行为。可以检查Redux的状态更新逻辑，确保状态的正确性和一致性。
- 异步操作问题：Firebase提供了实时数据库和云函数等异步操作，如果在组件中处理这些异步操作时出现问题，可能会导致奇怪的更新行为。可以检查异步操作的代码，确保正确处理异步操作的结果。
- 组件生命周期问题：React组件有生命周期方法，如果在这些方法中处理Firebase的数据更新或Redux的状态更新时出现问题，可能会导致奇怪的更新行为。可以检查组件的生命周期方法，确保正确处理数据更新和状态更新。
- 数据一致性问题：Firebase提供了实时数据库，可以实时同步数据变化。如果在组件中处理Firebase数据更新时出现问题，可能会导致奇怪的更新行为。可以检查数据更新的代码，确保数据的一致性和正确性。
针对这种情况，腾讯云提供了一系列相关产品来帮助开发者构建稳定和高效的应用：
- 云数据库 TencentDB：腾讯云的云数据库服务，提供了高可用、高性能的数据库解决方案，支持主流数据库引擎，如MySQL、Redis等。可以使用云数据库来存储和管理应用的数据。
- 云函数 SCF：腾讯云的无服务器计算服务，可以在云端运行代码，响应事件触发。可以使用云函数来处理异步操作，如处理Firebase的数据更新等。
- 云存储 COS：腾讯云的对象存储服务，提供了安全、可靠、低成本的存储解决方案，支持海量数据存储和访问。可以使用云存储来存储和管理应用的文件和静态资源。
以上是腾讯云提供的一些相关产品，可以帮助开发者构建稳定和高效的应用。更多关于腾讯云产品的详细介绍和使用方法，请参考腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我有一个聊天网络应用程序，这是连接到firebase。 ? 然而，当我刷新页面时，lastMessage会被加载(如gif所示)，然而，由于某些原因，如果以其他方式挂载组件，lastMessage有时会闪烁，之后会消失，就像它被覆盖一样。当我将鼠标悬停在它上面，从而更新组件时，lastMessage就在那里。这是一种奇怪的行为，我花了几天时间尝试不同的东西。 如果有人能帮我看看我真的被困在这里了，我将不胜感激。db设置是，在firestore上，
浏览 25提问于2019-04-22得票数 0
回答已采纳
我正在尝试配置redux-redux-firebase，以便与redux-火药库一起工作。我遵循示例设置，一切似乎都正常，直到我从react redux-firebase将组件与firestorConnect连接起来。一旦连接的组件挂载，我就会得到以下错误：
import React
浏览 0提问于2018-04-13得票数 2
我使用的是firebase.auth().setPersistence(firebase.auth.Auth.Persistence.LOCAL)，但是在页面刷新或关闭/重新打开时，登录不会持久。任何人都能帮上忙，请... dispatch(requestLogin(creds))
firebase.auth().setPersistence(firebase.au
浏览 9提问于2021-06-12得票数 1
我在web上做了同样的模型，它也起作用了，我尝试使用Redux的shallowEqual作为useSelector函数的第二个参数，也使用了在Hooks部分的Redux文档中的目录库的_.isEqual预期行为：发生了什么：
组件带来初始<e
浏览 0提问于2020-06-06得票数 3
回答已采纳
3回答
我遇到了一个关于React的奇怪问题& Internet 11中的Redux。
我用redux & thunk+promise中间件创建了一个React应用程序。上述应用程序在Chrome、safari和firefox中完全正常工作，但在Internet中运行时，React/Redux没有更新11个道具。在Redux还原器中记录这个结果也会给出预期
浏览 0提问于2016-03-10得票数 11
回答已采纳
这是一个一般的理论问题。
当所有数据已经对存储中的所有组件全局可用时，使用mapStateToProps从存储中选择一组特定的数据并将其作为属性发送到组件中的目的是什么？另一种说法是，当我只能用state.something访问数据时，为什么要经历额外的步骤将状态映射到属性，这样我就可以用props.something访问数据
浏览 2提问于2020-10-10得票数 1
3回答
我正在尝试理解新的react context API是如何工作的。 在redux中，组件有可能在不知道状态的情况下知道分派操作。这允许更新到redux状态，而不会导致不关心该状态的组件的重新呈现。更新state.count时，仅重新呈现Consumer。对我来说，这是一个至关重要的行为。 在<
浏览 33提问于2019-03-06得票数 6
回答已采纳
如果状态作为道具传递给组件，并且该组件位于Tab.Pane中，则当状态更改时，它将不会更新其支持。只有当我以编程方式用setTimeout为250个(或手动切换)时才能工作，这意味着需要再次切换选项卡来重新呈现组件(因此获得更新的状态)。奇怪的是，如果我使用存储系统redux来将道具传递给组件，而不是状态，那么这是一回事。复制行为</em
浏览 4提问于2021-03-25得票数 5
我正在开发一个用于UI和电子反应的桌面应用程序。 因此，现在，我从服务器获取数据，并使用React的上下文API将其保存在状态中以更新UI。我在渲染器进程中保留状态和添加、删除和更新状态的函数，并使用IPC通过主进程在渲染器进程之间共享数据(这是应该的)。 但随着应用程序的扩展，我需要一种更好的方法。类似于中央州(如果这是一件事)。附言:如果有实时数据库，比如rxdb，我可以在电子
浏览 17提问于2020-01-17得票数 6
2回答
我正在做一个react-redux应用程序，我想要更新localState以及redux的状态值。实际上，当我执行console.log时，它会更新操作，但不能更新状态值。我正在将我的本地道具推到firebase，它也起作用了，但它没有更新我的redux道具.....passWord:action.passWord
浏览 2提问于2018-03-27得票数 1
我的应用程序需要实现Firebase身份验证，并从实时数据库获取每个用户的数据(结构化为/ user /{uid}/{ data })。我无法决定的选择是：
在应用程序根目录中使用从react(本机防火墙)发出的on侦听器，每当用户属性更新时，将更新后的状态推送到每个组件中的firebase和redux，当它需要<e
浏览 8提问于2022-09-20得票数 1
回答已采纳
我正在一个Redux应用程序中实现Firebase身份验证。
问题:我正在运行的遇到了一个问题，它阻止我使用React的组件生命周期方法来支持条件呈现。在页面之间导航时，当每个页面/组件加载时，初始的cUser(当前用户)状态为空。这是因为等待Firebase的“onAuthStateChanged”方法来解析和在Redux中更新cUser(当前用户)<
浏览 0提问于2018-07-12得票数 1
1回答
我用的是Redux和React。我使用this.state (组件本地状态)来保存组件特定的变量。问题是，每当我分派操作(获取操作)和存储更新(挂载)时，组件状态都会重置为初始状态。这是我的组件的正确行为吗？组件在第二次安装时是否应该重新设置状态(重呈现)？
如果(1)是真的，那么当thi
浏览 0提问于2018-02-26得票数 2
回答已采纳
3回答
我有一家类似这样的redux商店： user: {}, reports: [],}问题是，例如，当我为诸如CREATE_ALERT或EDIT_ALERT之类的警报启动一些操作和redux状态<e
浏览 5提问于2016-11-17得票数 1
回答已采纳
这是我见过的最奇怪的事情之一。对我来说完全没有意义。简短的版本是我有一个Redux动作创建者函数。如果我将这个函数导入到这个特定的组件文件中，它会使从其文件导入的每个函数都不被定义。现在，这个函数早就导入到我的ManageVideoFilters.js组件中了：import { connect } from
浏览 0提问于2019-04-09得票数 1
回答已采纳
我有一个React组件，看起来像这样： constructor(props) {
super(props);，当渲染组件上的某些按钮被单击时，我会更新Redux中的一些状态，并且更新一切正常。然后，基于更新的Redux状态，我希望更新MyC
浏览 3提问于2017-10-09得票数 0
回答已采纳
我正在制作一个将文章添加到书签的功能。现在添加书签很好，但我不明白为什么redux工具箱返回以前的状态。当我单击复选框时，我会向书签数组中添加一个带有项目id的对象。每次它返回前一个值时//Redux state [ id: 15 { },
dispatch(addBookmarks({ i
浏览 4提问于2021-12-20得票数 0
我有几个一般性的问题，我想得到一个答案…我自己在以下方面做了研究：
·firebase文档在设置firebase、redux、react状态时几乎没有成功。·我知道firebase youtube频道的React和firebase设置的两部分视频系列，但没有任何关于将redux集成到该生态系统的内容。·我发现了一些与这种类型的设置相关的<
浏览 23提问于2019-03-29得票数 -1
回答已采纳
1回答
我正在使用作为我当前的项目。我有一个按钮，每当用户单击该按钮时，它首先调用服务器并加载一些数据，然后操作一些dom元素的css。这是我的代码：
var allClickableStories = document.getElementById("dummyClickStory" + this.props.story.id);然而，这并不能保证ajax调用( thisRef.props.getStoryDetail)发生在css操作之前，而这正是我被困的地方。所发生的事情是发送ajax
浏览 3提问于2017-03-23得票数 0
我试着调试它，但是找不到到底是什么导致了这些错误：
您可能有React的不匹配版本和呈现器(例如React )，您可能正在违反Hooks的规则，您可能在同一个应用程序中有多个Re
浏览 3提问于2022-11-04得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
