问题标签 [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 - 如何使用 firestoreConnect 检查数据是否已到达?
我正在使用firebaseConnect
HOC 将我的 Firestore 数据绑定到 Redux。
它完成了这项工作,但在数据到达之前,显示我的数据的组件是空的。有什么方法可以知道数据是否已被检索(如果您愿意,查询成功/失败)firestoreConnect
?
reactjs - 为什么会出现“object not function”?
我正在尝试连接 firebase,但出现这样的错误:
TypeError: Object(...) 不是函数
我的商店.js
我的firebase conf
只是试图将firebase连接到redux如何解决这个问题?
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)
我们只有一个uid
和email
:
2) 同样,如何使用 [email link (passwordless)]( https://firebase.google.com/docs/auth/web/email-link-auth ) 身份验证创建具有createUser(credentials, profile)的用户 ?
提前感谢您提供有关如何解决此问题的任何想法
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)}
有人能帮忙吗 ?我找不到与我的问题类似的任何东西,我真的需要知道是否有解决方案
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
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。我试过到处寻找某种答案,但没有运气。任何帮助将不胜感激!
reactjs - 为什么没有加载来自 react redux firebase 的配置文件数据?
我正在尝试通过 react redux firebase 加载配置文件数据,但它不起作用。
这是我创建新用户的功能:
这就是我设置商店的方式:
其中 fbConfig 是来自 firebase 的配置,而 rrConfig 是:
之后我渲染它:
有什么问题?名字和姓氏在 firestore 数据库中,但不会加载。
reactjs - 从firestore中删除数据时渲染react-redux功能组件时出错(useFirestoreConnect)
当我第一次加载应用程序时,我ArticleList
的组件已成功获取并显示来自 firestore 的用户文章列表。用户可以点击“Remove Article”按钮,成功将文章从firestore的子集合中移除,但是却导致react组件渲染出错,似乎还在尝试渲染刚刚移除的文章,现在为空。我还能做些什么来让我的反应组件不断地监听 firestore 数据吗?如果可能的话,我想保留它一个功能组件并使用钩子而不是让它成为一个类,但我仍在学习如何使用反应钩子,因此有点挣扎。
ArticleList
零件:
和removeArticleFromFirebase
行动:
我尝试在下面添加useState
和(并尝试通过而不是通过组件的返回语句映射),但没有成功:useEffect
ArticleList
myArticlesState
myArticles
注意:我目前在整个应用程序状态/redux store/props 中根本没有这篇文章列表。这是我接下来要尝试的事情,但我决定先发布我的问题,以防我可以在这个组件中使用钩子。应用程序的其他组件/部分不需要访问此特定列表。
控制台错误: 错误图像 1 错误图像 2 Github repo:https ://github.com/jpremmel/yarp2.0