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

typescript - TypeScript 中的 Firestore 减速器

我的减速器有以下代码:

我非常关注可以在这里找到的教程

然而firestore,reducer 抱怨以下消息:

可能是什么问题以及如何解决?

0 投票
1 回答
1071 浏览

reactjs - firestoreConnect 错误:需要收集来构建查询名称

我正在尝试将 react-redux-firebase 配置为与 redux-firestore 一起使用。我遵循了官方文档中的示例设置,一切似乎都可以正常工作,直到我使用 react-redux-firebase 中的 firestorConnect 连接组件。一旦连接的组件安装,我就会收到以下错误:

未捕获的错误:构建查询名称需要收集

这就是我尝试连接组件的方式:

更新

可以通过以下方式指定集合来解决问题:

firestoreConnect([{ collecion: 'test' }])

这很奇怪,因为官方 Docs声明以下内容也应该有效。

我很困惑。

0 投票
0 回答
278 浏览

reactjs - react-redux-firebase 登录承诺在更新身份验证状态之前解决,导致渲染问题

我正在使用 redux-form、react-redux-firebase 以及 react-router-redux 和 react-router。

当使用 redux-form 连接表单登录用户时,在 onSubmit 回调函数中,我使用的是来自withFirebaseHOC 的 react-redux-firebase 函数,称为props.firebase.login(). 在这个承诺的回报中,我试图使用 react-router 导航到我的“受保护”视图。

这一切都很好,看起来像这样:

麻烦(如评论中所见)是我(今天)已经切换到使用一种非常酷的新方法将我的一些路线设为私有。我使用此处链接中的示例来创建此概念。

我的私有组件如下所示:

这里的auth道具来自withFirebaseHOC 注入。它附在this.props.firebase.auth.

问题

.then每当我成功登录时,都会在 promise 的函数中将用户数据返回给我firebase.login()......当我到达 .push 导航的调度时,PrivateRoute 已经重新渲染而没有新的 auth 对象并且永远不会重新呈现。

我可以通过并观看它。它去:

  1. 登录成功
  2. 进入.then函数
  3. 通知用户登录成功
  4. 将导航更改为仪表板视图
  5. PrivateRoute 组件重新渲染并看到没有 UID 或 auth
  6. firebase.login承诺完全解决
  7. 应用程序状态更新完成,firebase.auth 现在有 Uid 和所有其他配置文件/身份验证对象处于状态
  8. react-router BrowserRouter的容器,Switch和Route的运行正常
  9. 附加到此容器的视图重新渲染得很好,直到我返回 PrivateRoute 组件的函数
  10. PrivateRoute 渲染方法永远不会在第二次渲染中达到,firebase.login用户数据最终进入 firebase.auth 对象状态。所以现在我被授权了,但是由于没有渲染,它永远不会看到新的身份验证对象......
0 投票
0 回答
615 浏览

google-cloud-firestore - 尝试从 react-native-firebase 使用 firestore.runTransaction 时出错

我遵循了https://rnfirebase.io/docs/v4.1.x/firestore/transactionshttps://blog.invertase.io/getting-started-with-cloud-firestore-on-react-native中的示例-b338fb6525b9但这些变体似乎都不起作用:

这是我正在使用的完整代码...

初始化 redux 存储:

我的动作创造者看起来像

,这会导致错误

0 投票
0 回答
50 浏览

reactjs - Firebase 在特定范围内加载 lada

我在 React.js 项目中使用 firebase。在 firebase 我有这样的收藏。有近400个ID:

如何进行查询以加载前 10 个用户,然后再加载其余用户?

我试过了

但不能设置从 10 到休息的范围......在此先感谢。

0 投票
1 回答
324 浏览

reactjs - react-redux-firebase:实时数据库中未定义的uid

我试图使用文档中描述的用户配置文件在我的项目中设置 react-redux- firebase。我遇到了以下问题 - 每次创建用户时,数据库都会将用户数据保存在“未定义”下:

火力基地数据

我假设它应该将用户保存在他们的 uid 下,所以由于某种原因,当用户存储在数据库中时,uid 是未定义的。我创建了一个重现该问题的沙箱:https : //codesandbox.io/s/6jl07r6v7w(将您自己的 firebase 配置粘贴到 store.js 中以自己尝试)。

这是我设置商店的方式:

这是我创建用户的地方:

在我看来,就像在文档中一样。有人看到问题了吗?

0 投票
1 回答
2921 浏览

firebase - 使用 react-redux-firebase 重置密码电子邮件

我有一个成功使用 react-redux-firebase 的 react-native 项目。该文档有一个 resetPassword() 方法,但是它映射到 Firebase 的重置密码方法。React-redux-firebase 似乎缺少映射到 Firebase 的 auth().sendPasswordResetEmail() 方法的方法。

我正在尝试实现“忘记密码”功能,但我似乎找不到 rnFirebase 或 react-redux-firebase 方法来根据用户的电子邮件地址向用户发送重置电子邮件。

希望我只是错过了一些东西!

0 投票
1 回答
2355 浏览

react-native - 如何在反应导航中默认在所有选项卡上显示指示器

我的一个反应原生组件中有一个基于标签的导航。我正在使用 React Navigation v1。React Navigation 仅显示当前活动选项卡的选项卡指示器。

在此处输入图像描述

但是,我希望每个选项卡默认显示选项卡指示器(选项卡上的下边框),但当然颜色不同。并且当激活时,每个选项卡将显示略有不同的颜色阴影。

我尝试过使用 React Navigation v1、v2、Native Base。找不到解决办法。

我希望标签栏与这张图片完全一样。

在此处输入图像描述

在 React Navigation 中,我们有这样的东西:

但这会将样式添加到整个选项卡中。我希望在每个选项卡的基础上应用一些能力。与 Native Base 的tabBarUnderlineStyle.

0 投票
1 回答
297 浏览

reactjs - 使用重定向在 Firestore 上创建具有用户选择的用户配置文件

我正在使用react-redux-firebase创建一个站点,当用户使用 facebook 登录时,我想创建一个存储用户选择的配置文件。我知道如何使用 profileFactory 定义要存储的内容,但我不知道如何传递来自用户的动态数据。就我而言,我想保存用户的语言。我的配置与此类似:

配置基于此配方

登录时,我使用的是类型重定向。

创建用户时如何保存用户选择?

0 投票
1 回答
965 浏览

react-redux - React-Redux-Firebase 和 Redux-Firestore 没有用数据填充我的 Redux 状态

我是使用上述 2 个库的初学者。我的云 Firestore 上有一些虚拟员工数据,我想使用 react-redux-firebase 和 redux-firestore 获得这些数据。

我已经配置了 redux 存储并添加了 reducer,但在我的 redux 状态下没有员工数据可见。我的代码中没有任何错误。任何人都可以帮忙吗?谢谢

我的代码框链接如下...这是我创建的一个非常基本的应用程序,用于试用上述库

https://codesandbox.io/live/VOxppz

我的 Firebase 设置

我的 Redux 商店

我的 Redux 减速器