问题标签 [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.
reactjs - react-redux-firebase 登录承诺在更新身份验证状态之前解决,导致渲染问题
我正在使用 redux-form、react-redux-firebase 以及 react-router-redux 和 react-router。
当使用 redux-form 连接表单登录用户时,在 onSubmit 回调函数中,我使用的是来自withFirebase
HOC 的 react-redux-firebase 函数,称为props.firebase.login()
. 在这个承诺的回报中,我试图使用 react-router 导航到我的“受保护”视图。
这一切都很好,看起来像这样:
麻烦(如评论中所见)是我(今天)已经切换到使用一种非常酷的新方法将我的一些路线设为私有。我使用此处链接中的示例来创建此概念。
我的私有组件如下所示:
这里的auth
道具来自withFirebase
HOC 注入。它附在this.props.firebase.auth
.
问题
.then
每当我成功登录时,都会在 promise 的函数中将用户数据返回给我firebase.login()
......当我到达 .push 导航的调度时,PrivateRoute 已经重新渲染而没有新的 auth 对象并且永远不会重新呈现。
我可以通过并观看它。它去:
- 登录成功
- 进入
.then
函数 - 通知用户登录成功
- 将导航更改为仪表板视图
- PrivateRoute 组件重新渲染并看到没有 UID 或 auth
firebase.login
承诺完全解决- 应用程序状态更新完成,firebase.auth 现在有 Uid 和所有其他配置文件/身份验证对象处于状态
- react-router BrowserRouter的容器,Switch和Route的运行正常
- 附加到此容器的视图重新渲染得很好,直到我返回 PrivateRoute 组件的函数
- PrivateRoute 渲染方法永远不会在第二次渲染中达到,
firebase.login
用户数据最终进入 firebase.auth 对象状态。所以现在我被授权了,但是由于没有渲染,它永远不会看到新的身份验证对象......
google-cloud-firestore - 尝试从 react-native-firebase 使用 firestore.runTransaction 时出错
我遵循了https://rnfirebase.io/docs/v4.1.x/firestore/transactions和https://blog.invertase.io/getting-started-with-cloud-firestore-on-react-native中的示例-b338fb6525b9但这些变体似乎都不起作用:
这是我正在使用的完整代码...
初始化 redux 存储:
我的动作创造者看起来像
,这会导致错误
reactjs - Firebase 在特定范围内加载 lada
我在 React.js 项目中使用 firebase。在 firebase 我有这样的收藏。有近400个ID:
如何进行查询以加载前 10 个用户,然后再加载其余用户?
我试过了
但不能设置从 10 到休息的范围......在此先感谢。
firebase - 使用 react-redux-firebase 重置密码电子邮件
我有一个成功使用 react-redux-firebase 的 react-native 项目。该文档有一个 resetPassword() 方法,但是它映射到 Firebase 的重置密码方法。React-redux-firebase 似乎缺少映射到 Firebase 的 auth().sendPasswordResetEmail() 方法的方法。
我正在尝试实现“忘记密码”功能,但我似乎找不到 rnFirebase 或 react-redux-firebase 方法来根据用户的电子邮件地址向用户发送重置电子邮件。
希望我只是错过了一些东西!
react-native - 如何在反应导航中默认在所有选项卡上显示指示器
我的一个反应原生组件中有一个基于标签的导航。我正在使用 React Navigation v1。React Navigation 仅显示当前活动选项卡的选项卡指示器。
但是,我希望每个选项卡默认显示选项卡指示器(选项卡上的下边框),但当然颜色不同。并且当激活时,每个选项卡将显示略有不同的颜色阴影。
我尝试过使用 React Navigation v1、v2、Native Base。找不到解决办法。
我希望标签栏与这张图片完全一样。
在 React Navigation 中,我们有这样的东西:
但这会将样式添加到整个选项卡中。我希望在每个选项卡的基础上应用一些能力。与 Native Base 的tabBarUnderlineStyle
.
reactjs - 使用重定向在 Firestore 上创建具有用户选择的用户配置文件
我正在使用react-redux-firebase创建一个站点,当用户使用 facebook 登录时,我想创建一个存储用户选择的配置文件。我知道如何使用 profileFactory 定义要存储的内容,但我不知道如何传递来自用户的动态数据。就我而言,我想保存用户的语言。我的配置与此类似:
配置基于此配方。
登录时,我使用的是类型重定向。
创建用户时如何保存用户选择?
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 减速器