问题标签 [redux-firestore]

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 回答
548 浏览

reactjs - 从firestore中删除数据时渲染react-redux功能组件时出错(useFirestoreConnect)

当我第一次加载应用程序时,我ArticleList的组件已成功获取并显示来自 firestore 的用户文章列表。用户可以点击“Remove Article”按钮,成功将文章从firestore的子集合中移除,但是却导致react组件渲染出错,似乎还在尝试渲染刚刚移除的文章,现在为空。我还能做些什么来让我的反应组件不断地监听 firestore 数据吗?如果可能的话,我想保留它一个功能组件并使用钩子而不是让它成为一个类,但我仍在学习如何使用反应钩子,因此有点挣扎。

ArticleList零件:

removeArticleFromFirebase行动:

我尝试在下面添加useState和(并尝试通过而不是通过组件的返回语句映射),但没有成功:useEffectArticleListmyArticlesStatemyArticles

注意:我目前在整个应用程序状态/redux store/props 中根本没有这篇文章列表这是我接下来要尝试的事情,但我决定先发布我的问题,以防我可以在这个组件中使用钩子。应用程序的其他组件/部分不需要访问此特定列表。

控制台错误: 错误图像 1 错误图像 2 Github repo:https ://github.com/jpremmel/yarp2.0

0 投票
1 回答
64 浏览

reactjs - 如何可视化我从 firestore n react datable 获得的用户数组?

我的问题是将控制台上显示的数组获取到视图中。我从 firestore 的集合中获取用户文档的方法:

在控制台打开页面时是这样的:[![在此处输入图像描述][1]][1]

所以我的问题是如何让构造函数获取这个用户数组并在页面的数据表中可视化它们?

0 投票
2 回答
589 浏览

firebase - 为什么反应原生地图功能无法正常工作?

我正在尝试从 firebase firestore 检索数据。来自 firestore 的数据正在控制台上登录,但在我使用组件时不显示。

在上面的编码中,console.log(account.accountName) 正在工作,但它没有在 render 方法中打印。我需要使用该数据创建一个列表。

0 投票
3 回答
784 浏览

reactjs - React 和 Firestore - 检索用户个人资料图片 URL 的问题

因此,当我用户发表评论时,我正在考虑将他们的个人资料图片 URL 存储在评论对象上,以便我可以轻松访问它,但我认为这行不通,因为如果他们更改个人资料图片或删除它,评论仍将包含他们的旧 URL,我也尝试在 Firestore 中存储对用户的引用,但我不确定是我做错了还是什么,因为我一直遇到错误。

TLDR - 我在问是否有人知道存储和访问特定评论的 URL(将来可能会改变)的方法。

抱歉,如果我没有澄清或解释事情,我对 React 还是很陌生,你可能已经知道了。如果有人有任何问题,我可以尝试更好地解释事情,所以是的,感谢您阅读本文并提前感谢。

这也是我尝试过的,我提到过,但并不完全有效,呵呵

0 投票
1 回答
45 浏览

reactjs - 如何在视图的表格中可视化firebase的文件存储内容?

我想在数据表中表示firebase存储的downloadUrl,我们可以在其中查看文件并下载到计算机。

目前我已成功获取所有文件和链接,但是如何在用户可以点击的表格中获取此链接。

获取所有 Firebase 存储的功能:

查看标签:

查看输出:

在此处输入图像描述

0 投票
1 回答
1148 浏览

reactjs - 带有 React 的 Redux-firestore

所以我一直在创建一个应用程序,用户需要使用谷歌身份验证登录到 Firebase。我正在使用 redux、react-redux、react-redux-firebase、redux-firestore 和 redux-thunk。我能够使用谷歌身份验证成功地将用户登录到 firebase。我现在想使用 firestore 来收集所有用户。我查看了 redux-firestore 的文档,获取/操作的方法有点不同。我已经尝试使用文档,但我无法让这些功能与 redux-firestore 一起使用。

这是动作

这是我在 index.js 中为 src 文件夹设置的

我知道我没有在这段代码中使用 createFirestoreInstance ,但我正在玩它。

如果有人能告诉我如何让这个工作,我将不胜感激。谢谢!

快速更新:我已经弄清楚如何使用此代码至少写入 Firestore

这不是最好的(或者可能是正确的解决方案),但它确实有效。它没有使用 redux-firestore,但有更好的方法吗?

0 投票
1 回答
750 浏览

reactjs - react-redux-firebase - 如何使用 ID 数组从 Firestore 查询文档?

我有一组文档 ID。我想使用数组中的 ID 从 firestore 获取这些文档。换句话说,我需要遍历 ID 数组并使用相应的 ID 查询每个文档。

所以目前这就是我查询的方式。我正在查询“属性”集合中的所有文档。

目标是按 ID 从“属性”集合中获取特定文档。我要查询的文档的 ID 在一个数组中。

例如

有没有办法做到这一点?

0 投票
1 回答
42 浏览

reactjs - 警告使用 react redux firebase,组件 FirebaseConnectWrapped(Auth) 仍在使用 componentWillReceiveProps

我正在使用 react redux 制作一个项目,连接到 firebase 和 firestore,但控制台向我显示图像的警告

从控制台捕获的图像

我正在使用 react-redux-firebase 3.3.0 和 react-redux 7.2.0

我真的搜索了如何解决它,但我没有找到任何东西我希望你能帮助我

0 投票
1 回答
232 浏览

reactjs - × TypeError: Object(...) is not a function, while create store using redux and firebase

这些是我正在使用的版本:

创建商店时出现此错误:

0 投票
1 回答
366 浏览

reactjs - 在 useFirestoreConnect 挂钩中使用 new Date() 导致连续文档读取的查询

我成功地查询了时间戳早于当前日期的 Firestore 文档,如下所示:

但是,console.log('meetings', pastMeetings)打印不断让我相信,由于当前日期随着时间的推移不断更新,我的数据库每秒都在被查询。看到 new Date() 不断变化是有道理的,但我不想要这种行为。我正在寻找一种方法来拍摄不会随时间变化的时间快照,并以此为基础进行查询。对此的任何解决方案将不胜感激。我的目标只是避免随着时间的推移经常查询。