问题标签 [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 投票
2 回答
41 浏览

javascript - React-Redux-Firebase 文档中不寻常的 json 语法。它有效吗?

React-Redux-Firebase 的文档提供了以下示例代码。

我特别担心这样一行:

我以前从未见过这种语法。这是一个错误吗?或者它是有效的语法?如果它是有效的,请解释它的含义和它是如何工作的。

0 投票
1 回答
922 浏览

reactjs - 如何纠正 Redux 商店中的 React-Redux-Firebase 错误

我正在尝试使用以下代码在 Redux 商店中实现 React-Redux-Firebase:

store.js


显然,这条线:

引发以下错误消息:

错误:v2.0.0-beta 及更高版本需要传递 firebase 应用实例或 firebase 库实例。查看迁移指南了解详细信息。

谁能帮我理解这个错误信息的含义?我该如何解决?

0 投票
0 回答
198 浏览

firebase - 在查询中使用 FieldPath 设置 redux-firestore 监听器

我正在尝试使用 redux-firestore 设置一个侦听器,该侦听器查询具有如下嵌套属性的 firestore 文档:users.USER_EMAIL.role。我需要能够在查询的 where 参数中插入一个变量。我之前使用 FieldPath 完成了此操作,但没有连接 redux,但似乎无法使其与 redux-firestore 一起使用。

这是我以前的做法,效果很好: db.collection('projects').where(new firebase.firestore.FieldPath('users', email, 'role'), '==', 'owner')

这就是我现在想要做的,但失败了: store.firestore.setListener({ collection: 'projects', where: [[new firebase.firestore.FieldPath('users', this.props.email, 'role'), '==', 'owner']] })

我收到此错误:

错误:其中参数必须是数组。

where 参数对我来说就像一个数组。我错过了什么?甚至可以将 FieldPath 与 redux-firestore 一起使用吗?

谢谢!

0 投票
1 回答
655 浏览

reactjs - React Redux 将 props 传递给其他组件增强器

我有 2 个组件,ReviewList并且Review. ReviewList有一个组件列表,Review每个组件Review都有一个属性review

我想在组件上做一些逻辑工作,所以我想创建一个增强器Review.enhancer.js)来完成这种类型的工作(我希望组件Review是一个虚拟组件)。

我正在使用react-redux并且Review.enhancer我正在使用 connect 方法来获取道具({review}),但我什么也没得到。我是 react 和 redux 的菜鸟。

0 投票
1 回答
926 浏览

reactjs - 使用 react-redux-firebase 的 Firebase Firestore 查询

我在这里做查询:

但我收到一个错误:

配置文件侦听器出错:缺少权限或权限不足。错误:权限缺失或不足。在新的 FirestoreError (index.cjs.js:402)。

当我检查使用模拟器在路径中输入文档 ID 时,我获得了读取权限。我没有得到我错的地方。也许在查询中。

当我将规则更改为:

没有错误,并显示数据。

为什么它发生是错误还是我做错了什么?我知道firebase规则不是过滤器。

0 投票
1 回答
1292 浏览

reactjs - React-Redux-Firestore:页面不会在 Firestore 数据更改时自动重新加载

我正在制作一个使用 firestore 数据库进行存储的 react/redux 应用程序,并且我能够将我的应用程序链接到 firestore,以便我可以从我的应用程序中创建、读取、更新和销毁新数据到 firestore。问题是,在我的一个页面上,当我更新数据时,它会立即更新后端 Firestore 数据库中的数据,但该更改不会立即反映在页面上的屏幕上。相反,它仅在我对页面进行硬刷新后才会显示。此外,我目前正在使用https://github.com/prescottprue/react-redux-firebasehttps://github.com/prescottprue/redux-firestore在我的 react/redux 应用程序中使用 firebase。

那么,我需要做些什么才能使我的页面自动加载新的更改,因为我认为使用 react-firestore 的“firestoreConnect”会起作用,但事实并非如此。谢谢大家,这是我的代码:

数据组件

组件操作(更新预算方法所在的位置)

我认为通过将我的 BudgetDashboard 组件包装在 firestoreConnect 中,监听器会在发生更改时自动更新,但这并没有发生。相反,只有在硬刷新时,我的 LoadingComponent 才会显示,新数据最终会反映在屏幕上。那么如何让任何更改立即反映屏幕上的更改?

0 投票
1 回答
495 浏览

reactjs - 将文件从状态添加到 Firestore 集合 Firestore Firebase ReactJs

我有 Action 组件,我在其中添加新projects组件firestore.collection

我有组件:

提交后我收到此错误:דFirebaseError: Function DocumentReference.set() called with invalid data. Unsupported field value: a custom File object (found in field file)”

file如果我从中删除state,并尝试进入add该状态,没有file,一切正常,我的项目正在添加firestore.collection,但我需要firestore.collection从状态(titlecontentfile添加到所有内容

0 投票
1 回答
1123 浏览

javascript - Material-UI 开关状态未从 DB 值更新

更新 firebase 值时,Material-ui 开关不会更新。

我在这里只发布了一部分代码,完整的 Demo 可以在 CodeSandbox 上找到。

该项目连接到firebase并使用依赖项为:react-redux-firebase,redux-firestore等,您可以在Demo中找到所有详细信息。

CodeSandobox 演示

0 投票
2 回答
560 浏览

reactjs - 从 firestore 检索数据时遇到问题“TypeError:this.store 未定义”

我一直在尝试从 firestore 检索我的数据收集。但这是问题所在

错误是这样的

这是我的根减速器

我的项目减速器是这样的

行动

当我从这个 projectReducer 中获取静态数据时,一切都很好。但是我无法理解在从数据库中检索数据时缺少的地方。我尝试降级 react-redux-firebase,react-redux 仍然无法正常工作。请帮我解决这个问题,否则我需要知道是否还有其他方法可以选择。提前致谢!

0 投票
6 回答
7649 浏览

reactjs - react-redux v6 需要一个 v3.*.* 版本的 react-redux-firebase

我一直在使用 react-redux-firebase 开展一个项目,该项目以前对我有用。今天我收到以下错误:

铬错误消息

我不确定错误是否在我的代码中的其他地方,或者我是否必须将 react-redux-firebase 更新到版本 3 ,目前似乎不存在。其他人遇到过这个问题吗?我会很感激任何建议。

这是我的 package.json 中的依赖项:

"dependencies": { "firebase": "^5.7.0", "react": "^16.6.3", "react-dom": "^16.6.3", "react-redux": "^6.0.0", "react-redux-firebase": "^2.2.5", "react-router-dom": "^4.3.1", "react-scripts": "2.1.1", "redux": "^4.0.1", "redux-firestore": "^0.6.0", "redux-thunk": "^2.3.0" },

这是我的 index.js 文件的样子: