reactjs - 从 Firestore 调用 ReactNative FlatList 数据 - 无法做到

Question

我能够对从 randomuser.org 数据集中提取信息的 FlatList 进行硬编码。但是，我完全无法从我的 Firestore 数据库中提取任何数据——它只是在 Expo 中显示一个空白页面，而没有任何错误警告。我已经坚持了几天了，我搜索得越多，我似乎就越困惑！我是编码新手，所以如果这是一个非常基本的问题，我深表歉意。我只使用 App.js 文件中的 FlatList 使我的代码图片保持简单 - 但只要我尝试从 Firestore 返回数据，它就只是空白，无论我做什么。谢谢

图 1

图 2

Answer 1

首先，我从未见过任何尝试从 Firebase 控制台 UI 获取任何内容。如果您正在学习任何教程，请添加指向它的链接。

无论如何，如果我明白你想用它fetch来获取数据。不确定这是否可行，请确保不使用 url http://firebase.google.com/project/project-name/firestore/data，因为这是指向 Firestore GUI 的链接，您将无法从中获得任何有用的信息。

如果你想从 Firestore 获取数据，你必须使用Firebase API。最简单的阅读示例可以在文档中找到。因此，您必须使用您的数据库结构（意味着集合和文档）并创建对您想要提取的内容的引用。比使用一些方法，如get(). 我建议熟悉整个 API参考。

最后，如果你想在 react 中使用它，你必须将 API 与你的应用程序集成。为此，有很多关于它的好文章。我认为这是一个很好的开始。

PS。请不要将屏幕截图粘贴到您的代码中。使用代码片段来帮助其他人重现问题并解决问题。有很好的教程如何在 SO 上提问。