问题标签 [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.
javascript - React-Redux-Firebase 文档中不寻常的 json 语法。它有效吗?
React-Redux-Firebase 的文档提供了以下示例代码。
我特别担心这样一行:
我以前从未见过这种语法。这是一个错误吗?或者它是有效的语法?如果它是有效的,请解释它的含义和它是如何工作的。
reactjs - 如何纠正 Redux 商店中的 React-Redux-Firebase 错误
我正在尝试使用以下代码在 Redux 商店中实现 React-Redux-Firebase:
store.js
显然,这条线:
引发以下错误消息:
错误:v2.0.0-beta 及更高版本需要传递 firebase 应用实例或 firebase 库实例。查看迁移指南了解详细信息。
谁能帮我理解这个错误信息的含义?我该如何解决?
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 一起使用吗?
谢谢!
reactjs - React Redux 将 props 传递给其他组件增强器
我有 2 个组件,ReviewList
并且Review
. ReviewList
有一个组件列表,Review
每个组件Review
都有一个属性review。
我想在组件上做一些逻辑工作,所以我想创建一个增强器(Review.enhancer.js)来完成这种类型的工作(我希望组件Review
是一个虚拟组件)。
我正在使用react-redux并且Review.enhancer
我正在使用 connect 方法来获取道具({review}),但我什么也没得到。我是 react 和 redux 的菜鸟。
reactjs - 使用 react-redux-firebase 的 Firebase Firestore 查询
我在这里做查询:
但我收到一个错误:
配置文件侦听器出错:缺少权限或权限不足。错误:权限缺失或不足。在新的 FirestoreError (index.cjs.js:402)。
当我检查使用模拟器在路径中输入文档 ID 时,我获得了读取权限。我没有得到我错的地方。也许在查询中。
当我将规则更改为:
没有错误,并显示数据。
为什么它发生是错误还是我做错了什么?我知道firebase规则不是过滤器。
reactjs - React-Redux-Firestore:页面不会在 Firestore 数据更改时自动重新加载
我正在制作一个使用 firestore 数据库进行存储的 react/redux 应用程序,并且我能够将我的应用程序链接到 firestore,以便我可以从我的应用程序中创建、读取、更新和销毁新数据到 firestore。问题是,在我的一个页面上,当我更新数据时,它会立即更新后端 Firestore 数据库中的数据,但该更改不会立即反映在页面上的屏幕上。相反,它仅在我对页面进行硬刷新后才会显示。此外,我目前正在使用https://github.com/prescottprue/react-redux-firebase和https://github.com/prescottprue/redux-firestore在我的 react/redux 应用程序中使用 firebase。
那么,我需要做些什么才能使我的页面自动加载新的更改,因为我认为使用 react-firestore 的“firestoreConnect”会起作用,但事实并非如此。谢谢大家,这是我的代码:
数据组件
组件操作(更新预算方法所在的位置)
我认为通过将我的 BudgetDashboard 组件包装在 firestoreConnect 中,监听器会在发生更改时自动更新,但这并没有发生。相反,只有在硬刷新时,我的 LoadingComponent 才会显示,新数据最终会反映在屏幕上。那么如何让任何更改立即反映屏幕上的更改?
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
从状态(title
和content
)file
添加到所有内容
javascript - Material-UI 开关状态未从 DB 值更新
更新 firebase 值时,Material-ui 开关不会更新。
我在这里只发布了一部分代码,完整的 Demo 可以在 CodeSandbox 上找到。
该项目连接到firebase并使用依赖项为:react-redux-firebase,redux-firestore等,您可以在Demo中找到所有详细信息。
reactjs - 从 firestore 检索数据时遇到问题“TypeError:this.store 未定义”
我一直在尝试从 firestore 检索我的数据收集。但这是问题所在
这是我的根减速器
我的项目减速器是这样的
行动
当我从这个 projectReducer 中获取静态数据时,一切都很好。但是我无法理解在从数据库中检索数据时缺少的地方。我尝试降级 react-redux-firebase,react-redux 仍然无法正常工作。请帮我解决这个问题,否则我需要知道是否还有其他方法可以选择。提前致谢!
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 文件的样子: