问题标签 [react-redux-firebase]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
365 浏览

reactjs - 如何使用 firestoreConnect 检查数据是否已到达?

我正在使用firebaseConnectHOC 将我的 Firestore 数据绑定到 Redux。

它完成了这项工作,但在数据到达之前,显示我的数据的组件是空的。有什么方法可以知道数据是否已被检索(如果您愿意,查询成功/失败)firestoreConnect

0 投票
0 回答
73 浏览

reactjs - react-redux-firebase 查询返回交错数据

我正在使用react-redux-firebase我的 react 应用程序中处理 firebase 身份验证。我有我的身份验证自动填充users集合firestore使用:

然后我试图从我users在 firestore 中的集合中获取特定用户,但问题是,我的状态似乎一次填充一个用户,而不是一次填充所有用户。下图展示了这一点: 在此处输入图像描述 我得到的集合如下:

奇怪的是,我能够使用相同的方法获取所有其他集合,并且只有我的users集合一次返回一个数据。知道为什么会发生这种情况或如何正确查询用户吗?

0 投票
0 回答
49 浏览

reactjs - 为什么会出现“object not function”?

我正在尝试连接 firebase,但出现这样的错误:

TypeError: Object(...) 不是函数

在此处输入图像描述 我的商店.js

我的firebase conf

只是试图将firebase连接到redux如何解决这个问题?

0 投票
0 回答
185 浏览

firebase - 如何使用 react-redux-firebase 和电子邮件链接 firebase 无密码身份验证 firebase.login() 和 createNewUser()?

我正在开发一个使用 [Firebase 电子邮件链接(无密码)身份验证]((https://firebase.google.com/docs/auth/web/email-link-auth)的本机应用程序我创建了一个“用户” ' 在 Firestore 数据库上的集合。为了轻松地将用户配置文件数据同步到 redux 存储,我决定使用react-redux-firebase

我已经rrfConfig按照入门文档中的说明配置并遵循了每一个步骤,但仍然存在一些不清楚且未记录的部分。在如何解决这部分的任何想法上获得某人的帮助会很棒:

1) 如何使用auth 部分中列出的方法登录使用firebase.login({params})电子邮件链接(无密码)注册的用户?

这是电子邮件/密码示例:

由于用户在使用电子邮件链接注册后没有密码、凭据或 accessToken,因此firebase.auth().signInWithEmailLink(email, window.location.href)我们只有一个uidemail

2) 同样,如何使用 [email link (passwordless)]( https://firebase.google.com/docs/auth/web/email-link-auth ) 身份验证创建具有createUser(credentials, profile)的用户 ?

提前感谢您提供有关如何解决此问题的任何想法

0 投票
0 回答
135 浏览

reactjs - Firebase 不一致的数据,同时从 React 更新两个集合

我有 React 应用程序,我将数据存储在 firebase 中,并将这些数据用作我的应用程序中的状态。
我有两个集合:
- 一个用于存储卡数据

第一次收藏

-second 用于存储卡片将呈现的位置和顺序(仅数组中的卡片 ID)第二个集合:

第二个集合

并且两者都用作状态mapStateToProps
但是,当我调度操作以添加新卡并同时更新两个集合(使用批量写入)时,我没有得到我刚刚更新的文档的 ID,只有数据。

这是我调度以更新两个集合的功能。

批量写入前的数据。
cardOrder: Array(3) 0: {id: "2", order: Array(5)} 1: {id: "3", order: Array(2)} 2: {id: "order", order: Array(3)}

批量写入后的数据。
cardOrder: Array(3) 0: {order: Array(6)} 1: {id: "3", order: Array(2)} 2: {id: "order", order: Array(3)}

即使第一个集合也发生了变化,应用程序也不会重新呈现自己。手动页面刷新后,一切都会出现并且工作正常。
cardOrder: Array(3) 0: {id: "2", order: Array(6)} 1: {id: "3", order: Array(2)} 2: {id: "order", order: Array(3)}

有人能帮忙吗 ?我找不到与我的问题类似的任何东西,我真的需要知道是否有解决方案

0 投票
1 回答
1956 浏览

reactjs - 如何使用 react-redux-firebase 获取 firestore 实例?

authAction.js:这里 firebase.set 不工作 firestore.set 也不工作。如果我包含 getFirestore,那么它会说 getFirestore 不是一个函数。如果我按照下面的方式做,那么它会说权限被拒绝。

firebase.set ( users/${createdUser.user.uid}, { ...newUser }) 如何在这里使用 firestore 的 set 功能

firebase.js

configureStore.js

index.js

0 投票
1 回答
248 浏览

reactjs - TypeError: ref.collection 不是使用 React-Redux-Firebase/React-Testing-Library 的函数

我在尝试使用 react-testing-library 渲染 react-redux-firebase 连接组件时遇到了很多麻烦。我总是遇到一个[TypeError: ref.collection is not a function]错误,一旦我尝试运行它就会导致我的测试崩溃。

组件:

我的测试包装器:

我的测试:

我尝试控制台记录组件,它看起来像由 firestoreConnect 正确包装,但ref密钥始终设置为 null。我试过到处寻找某种答案,但没有运气。任何帮助将不胜感激!

0 投票
1 回答
361 浏览

react-native - firestoreConnect:firestore.ordered 未定义

我在 Firestore 中的数据布局:

用户文档包含一组对聊天文档的 id 引用。

前任:

对于当前用户,我想获取与其聊天数组中的每个元素关联的聊天对象。该数据应该转到 firestore.ordered,以便我可以将其提供给 FlatList,但 firestore.ordered.chats 始终未定义,即使 firestore.data.chats 具有正确的数据。

我不确定这是否与我调用 connect 和 firestoreConnect 的顺序或我如何使用填充或其他原因有关。

在 mapStateToProps 中记录状态的结果:

在此处输入图像描述

0 投票
0 回答
208 浏览

reactjs - 为什么没有加载来自 react redux firebase 的配置文件数据?

我正在尝试通过 react redux firebase 加载配置文件数据,但它不起作用。

这是我创建新用户的功能:

这就是我设置商店的方式:

其中 fbConfig 是来自 firebase 的配置,而 rrConfig 是:

之后我渲染它:

有什么问题?名字和姓氏在 firestore 数据库中,但不会加载。

0 投票
2 回答
548 浏览

reactjs - 从firestore中删除数据时渲染react-redux功能组件时出错(useFirestoreConnect)

当我第一次加载应用程序时,我ArticleList的组件已成功获取并显示来自 firestore 的用户文章列表。用户可以点击“Remove Article”按钮,成功将文章从firestore的子集合中移除,但是却导致react组件渲染出错,似乎还在尝试渲染刚刚移除的文章,现在为空。我还能做些什么来让我的反应组件不断地监听 firestore 数据吗?如果可能的话,我想保留它一个功能组件并使用钩子而不是让它成为一个类,但我仍在学习如何使用反应钩子,因此有点挣扎。

ArticleList零件:

removeArticleFromFirebase行动:

我尝试在下面添加useState和(并尝试通过而不是通过组件的返回语句映射),但没有成功:useEffectArticleListmyArticlesStatemyArticles

注意:我目前在整个应用程序状态/redux store/props 中根本没有这篇文章列表这是我接下来要尝试的事情,但我决定先发布我的问题,以防我可以在这个组件中使用钩子。应用程序的其他组件/部分不需要访问此特定列表。

控制台错误: 错误图像 1 错误图像 2 Github repo:https ://github.com/jpremmel/yarp2.0