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

reactjs - React Redux Firebase 无法获取 firebase.storage

我正在使用该react-redux-firebase软件包并尝试将文件上传到存储。

我正在使用withFirebaseHOC 并且得到了this.prop.firebase但是,this.props.firebase.storage并且this.props.firebase.storage()undefined.

当我打电话时,this.props.firebase.uploadFiles(file)我收到以下错误:Firebase storage is required to upload files

这是我的index.js

这是./config/firebaseConfig

最后是我的组件:

0 投票
1 回答
345 浏览

reactjs - 如何将状态传递给 firebaseConnect 中的 doc 属性

我正在创建我的第一个 React 应用程序,我需要将一个 ID 与我的 Firestore 集合中的用户 ID 相似的特定文档添加到我的应用程序状态。我正在使用 redux-firestore。有没有办法可以将变量(user_id)从状态传递到 firestoreConnect 属性

我刚开始使用 React。所以我什至不知道从哪里开始

关于如何将每个用户的用户 ID 传递给 firestoreConnect“doc”属性并从用户集合中获取特定文档的任何想法。用户 ID 存在于我的应用程序状态中。

0 投票
0 回答
122 浏览

react-native - 快速切换开关会导致 UI 闪烁(Firestore)

执行两次快速“切换切换”会导致闪烁,因为 React-Native Switch 在 Firestore DB 完成第一次切换更新之前更新了第二个切换元素的 UI。

我有一组任务,其中每个任务都有以下架构:

因为 Firestore 返回一个完整的文档快照(而不仅仅是更新的文档的特定部分),我在这里看到两个解决方案来消除闪烁:1)只调度和管道更新的更改,基本上只监听部分一次文档(发送独立于 Redux-Firestore 的状态更改),例如:

该解决方案似乎不可扩展。

2)改变数据结构,使每个“共享”位独立于其他共享位存储,例如。

每个任务的新“task_shared”集合,共享对

0 投票
0 回答
1602 浏览

javascript - 查看事件时添加删除功能(React-Redux-Firebase)

在这里,我让用户查看事件的详细信息。活动详情末尾会有一个按钮,供他们删除活动。但是,我应该怎么做呢?

我应该在查看事件详细信息文件中实现删除功能吗?或者我应该创建另一个处理删除的 .jsx 文件?下面的 delete.jsx 文件包含 handleDelete 方法,该方法将从 redux 存储中删除事件,然后将删除更新到 firestore

0 投票
0 回答
34 浏览

reactjs - Firebase:电子邮件/密码身份验证有效,但用户的其他详细信息未存储在用户集合中

我正在使用 firebase 处理使用电子邮件和密码身份验证的身份验证,但我还想将附加用户详细信息存储到具有从电子邮件/密码身份验证生成的 uid 的集合中。

用户已注册,但其他详细信息未存储到users集合中

包裹 -

我正在使用 redux-thunk 异步执行用户注册,然后调度减速器。

在下面的代码中,我安慰了它们credentialsfirestore它们分别具有值和链式方法,即使res.user.uid存在但由于某种原因用户已注册但用户的详细信息文档未添加到users集合中。

异步操作

store.js

0 投票
0 回答
500 浏览

reactjs - 如何从集合 React redux Firestore 中获取多个文档(查询返回未定义)

我正在尝试编写一个查询,在该查询中,我只能根据 categorieId 从 Firestore 获取具有相同类别的帖子,但无法使其正常工作。我在这里想念什么?

当我删除 where: ["categorieId", "==", idCateg] 时,我得到所有帖子数据没有错误,但我想要按类别发布帖子

当我遵循 redux firestore 方法时,帖子的值返回 undefined 。需要帮忙

0 投票
2 回答
561 浏览

reactjs - Include nested collections to firebase.profile

I'm currently working on a React / Redux / Firebase application.

In my Firebase Cloud Firestore I store user data, dynamically created after creating an Auth user.

In my index.js I use useFirestoreForProfile: true to get the corresponding user data to show up in firebase.profile

index.js

My authentication action:

/store/actions/authActions.js

The part of successful login in my authentication reducer:

/store/reducers/authReducer.js

The way I map the state to the component props:

/components/pages/Dashboard/index.jsx

The current profile data looks like this:

Profile data

Within the user document where those fields are set, I've created an additional collection.

The path would look as: users -> (document id) -> tabs -> (document id) -> fields

Database structure

Is there any way to include the tabs collections in firebase.profile


The final object should look something like the one I just created manually for displaying purposes:

Desired structure

Is there a way of achieving this? I really hope it's only a param missing or something.

0 投票
1 回答
288 浏览

reactjs - 在 React redux firebase 中上传文件

我正在尝试将文件上传到 Firebase 存储,但我不断收到此错误:

这是电话:

我知道图像不是无效的,并且 Firebase 控制台中的存储规则设置为公开。此外,该文件夹已经存在,以防万一。

我不知道我做错了什么。

0 投票
0 回答
68 浏览

reactjs - 如何访问从我的 firestore 数据库查询返回的数据?

我正在创建一个函数,该函数根据输入到输入框中的名称查询我的 firestore 数据库并返回一些数据。现在,我的查询工作并记录到控制台。问题是我在访问这些数据时遇到了很多麻烦,所以我可以将它渲染到 DOM 上。访问这些数据的最佳方式是什么?

通过使用此代码,我已经将整个数据库渲染到 DOM 上 =>

但是当我按如下方式构造我的 firestoreConnect() 函数时=>

查询记录到控制台如下=>

查询的数据以 state.firestore.queries.dogs?where=name:==:Fido 的值结束,但是当我尝试在 mapStateToProps 中使用此路径时,它返回一个未定义的值。

访问这些数据的最佳方式是什么?以前有没有人处理过这个问题?有没有更好的方法来查询 Firestore 数据库?

0 投票
1 回答
56 浏览

react-redux - 如何从根集合中获取更多的两个子集合

我的数据库结构如下:

|- services (root-collection)
|---- doc1
|-------- reviews (sub-collection 1)
|------------- subdoc1
|------------- subdoc2 ...
|-------- 查询(子集合 2)
|------------- subdoc1 。 ..

我的根集合(服务)有两个子集合。
我想得到他所有子集合的根集合。

我正在使用 react-redux-firebase 和 redux-firestore,并使用 firestoreConnect 连接到我的数据库。

我的代码是这样的:


我的预期:我将“state.firestore.ordered”中的所有数据作为数组。
但总是最后一个查询数据(= subcollections : [{ collection: 'reviews' }]) 被重写在 'ordered' 区域。结果总是在那里只有一个子集合。

所以我只想问'如何使用 firestoreConnect 获得超过 2 个子集合'?
我希望有人给我一些提示我做错了什么和误解!
非常感谢 :)