问题标签 [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 回答
1356 浏览

javascript - React Redux Firebase:firebase.auth(...).signOut(...).then(...).error 不是函数

在将其作为操作调用时,这一特定的 firebase 功能对我不起作用。登录,编辑用户名,注册,所有这些工作都很好......除了注销。

在查看了一些教程和谷歌自己的文档之后,我认为这个函数可以像我实现的所有其他 firebase-auth 函数一样工作。

这是我对数据库的操作:

这是我在调用其中一些函数的组件中设置连接的方式。

React 抛出此错误:TypeError: firebase.auth(...).signOut(...).then(...).error is not a function但其他函数在运行时按预期运行。

有什么我想念的吗?该代码将尝试导航到我想要的页面,但在该页面正确安装之前引发错误。

0 投票
2 回答
876 浏览

firebase - react-redux-firebase 没有在 firebase reducer 中填充配置文件

即使在成功登录宽度 auth.signInWithEmailAndPassword 方法并且数据存在 users/${uid} 之后,react-redux-firebase 也不会在 firebase reducer 中填充用户配置文件。因为我将数据存储在 firestore 中,所以我配置了 react-redux -firebase 为:

redux-dev-tool 中的减速器:

注意:使用 react-native 所以使用它的 firebase 库 (React-Native-firebase)。除了 firebase reducer 中的用户配置文件外,一切都运行良好。

0 投票
1 回答
1367 浏览

firebase - React Redux Firebase:firebaseConnect 出错 - 无法读取未定义的“有序”属性

我按照 v2.0.0 > Read Me > Load Data 下文档中的示例进行操作(在挂载/卸载时自动管理侦听器)(无法直接链接)。并将示例 1中的连接调用替换为此处显示的特定于 firestore 的调用]( http://react-redux-firebase.com/docs/firestore.html#examples )。

我将 Todo 示例完全复制到为测试目的而创建的新组件中。

待办事项组件:

商店配置的配置如docs中所示。商店配置已适应插入到由react-boilerplate.

我准确地跟踪并验证了我的商店配置,以确保文档中的所有步骤都在我的配置中正确配置。

createReducer的功能在一个单独的文件中,您可以看到我正确添加了firebaseReducerand firebaseReducer

我的 redux 存储包含firestoreandfirebase并且它被注入到组件道具中。不起作用的是使用 connectFirestore HoC 自动检索文档列表并将其注入到组件中。

这是错误消息:

(摘自我的代码,即文档中的示例 1 ):

我检查了state变量,它确实包含该firestore属性。该属性包含许多功能,正如预期的那样,但它缺少“有序”下的查询结果,这是未定义的。

我尝试了所有不同的使用方式,firestoreconnect例如使用基于类的组件、使用带参数的查询等,并且都给出了相同的错误。

我的 Firebase 项目配置正确,因为我能够在集合中创建文档。还存在一个todos用于测试目的的集合,其中包含 2 个文档。

我遇到过这篇文章,其中提到了以下内容:

如果你刚刚升级到 React-Redux v6,那是因为 react-redux-firebase 不兼容 v6。

有关详细信息,请参阅https://github.com/prescottprue/react-redux-firebase/issues/581

这不适用于我,因为我使用的是react-redux版本 5。以下是我使用的版本:

我在这方面花费了大量时间。就像我说的,使用firestore向集合添加新数据效果很好。无论我如何处理解决方案,都只是这个 HoC 业务失败了。任何帮助,将不胜感激。

0 投票
1 回答
787 浏览

javascript - react-redux-firebase(firestoreConnect)比较查询不起作用

我正在尝试使用react-redux-firebase firestoreConnect方法从 Firestore 数据库中查询数据,如下所示。

所以我的问题是:

这是有效的

虽然这不起作用

这也不是

有人帮帮我,小于和大于查询的问题可能是什么?

注意:日期字段是时间戳字段。

0 投票
1 回答
26 浏览

reactjs - 使用 React 和 react-redux-firebase 在登录期间确定范围

我正在使用 react-redux-firebase 进行身份验证和用户管理。一旦用户登录,我想使用 'dahboard/userId' 的 url 将用户导航到他们的仪表板。当用户进行身份验证时,firebase 会给我们一个包含用户 ID 的响应。问题是当我尝试通过 'this.history.push('dahsboard/uid') 完成导航请求时,我不断收到一条错误消息,提示“this”未定义。我很确定这是一个范围界定问题,但我无法确切弄清楚我需要如何构建代码来解决问题。

我已经尝试将 uid 存储为 const。我还尝试将另一个异步功能链接到请求。this.props 未定义或 uid 未定义。

0 投票
1 回答
127 浏览

reactjs - React-redux-firebase:未捕获的错误:提供的 prop/s “调度”保留用于内部 firebaseConnect() 使用

我正在使用路由配方让用户能够在页面之间查看/重定向,具体取决于用户是否登录(https://github.com/prescottprue/react-redux-firebase/blob/next/docs/recipes/routing .md-react-routerv4+redux-auth-wrapperv2)。

当我注销时,它会重定向到登录页面但保持空白,并且出现错误:

我的Login.js组件正在使用firebaseConnect(). 如果一个组件正在使用 firebase 并且它也用于另一个使用 firebase 的组件,是否存在问题?

在我正在关注的教程中,firebase、react-redux-firebase 的版本确实不同,但我确实根据文档设置了所有内容并尝试使用最新版本。我不知道这是否与问题有关。

来自 App.js:

来自 Login.js:

包.json:

0 投票
2 回答
369 浏览

firebase - 我可以使用 firestoreConnect 跨子集合进行查询吗?

我读到 Firestore 现在可以跨子集合进行查询。react-redux-firebase 的 firestoreConnect HOC 是否能够利用此功能?

0 投票
1 回答
2459 浏览

reactjs - 如何使用 react-redux-firebase 从 firestore 获取子集合

我无法从我的 Firestore 数据中获取子集合。

我按照这里的文档。并且还查看了许多其他类似的问题。

我似乎无法获得我想要获得的数据数组。

我的代码:

这就是我现在从我的控制台得到的:

我在想我的代码会改变这部分:

像这样:

所以我可以通过密钥获取数组。但是现在我对如何将其更改为我的子集合键感到迷茫。

0 投票
0 回答
36 浏览

reactjs - 即使只有一个文档被添加到 firebase,也会显示重复的任务

我正在使用 react-redux-firebase 创建任务管理器。创建任务时,用户填写表格,此数据用于将文档添加到我在 firebase 中的待办事项集合中。所以我们为每个待办事项都有一个文档。然后另一个组件将 todo 集合中的每个文档映射到一张卡片,以便用户可以看到每个 todo

当我们创建任务时,问题就出现了,它在我们的待办事项部分下显示了一个重复的任务。然而,只有一个新文档被添加到我们在 firebase 中的待办事项集合中。此外,一旦我刷新页面,重复的任务就会消失。即使在 firebase 中只创建了一个新文档,我也完全不明白为什么会显示重复的任务。什么会导致副本在那里开始?任何帮助都感激不尽!

希望这两张图片能帮助你更好地理解这个问题,因为我发现解释起来有点困难。

副本示例:

在此处输入图像描述

当我刷新页面时,重复项消失:

在此处输入图像描述

这是将表单提交到 firebase 的函数:

这是将每个文档映射到卡片的函数:

0 投票
2 回答
487 浏览

reactjs - 如何使用 react-redux-firebase 包填充 Firestore 中的角色

所以我正在使用这个包,并希望应用这个收据来将我的 firestore 中名为“roles”的集合中的数据填充到 redux 状态下的 firebase/profile 数据中。

在这个文档中说,我的角色集合必须是 firestore 中用户集合的兄弟,但在我的情况下这是不可能的。我有不同的集合:存储用户数据的用户和存储应用树和按角色访问的角色。

如何使用此包在不同集合之间填充数据?请帮我..

我正在使用此代码进行设置:

这是我在 Firestore 中的数据的屏幕截图在此处输入图像描述 在此处输入图像描述 在此处输入图像描述