如何将Cloud Firestore与React Native和Redux结合使用?

时间:2020-04-04 12:57:16

标签: reactjs firebase react-native redux google-cloud-firestore

我是React Native的新手,正在尝试使用Cloud Firestore学习。

基本上,当您想将Cloud Firestore与React Native和Firebase中的身份验证结合使用时,我还没有弄清楚要遵循的整个路线图。

我已成功将Firebase身份验证添加到我的应用中。

数据是用户创建的地点的列表。我将其存储在Redux存储中,并在屏幕上生成一个FlatList

现在的问题是如何将用户创建的每个列表存储到云中? 就像用户再次登录一样,他/她可以看到他/她创建的数据。 我们还需要保留数据吗?

我很想学习一些文章或整个进度的一般说明(不需要任何代码),例如步骤1或什么要求,我们需要列出的应用程序的哪些状态等。所以我可以帮我自己弄清楚

1 个答案:

答案 0 :(得分:2)

Cloud Firestore的official documentation非常有用。

在云上存储内容Firestore非常容易。例如,如果您编写这样的内容:

const doc = await firebase
    .firestore()
    .collection('bucketName')
    .doc('docId')
    .get()
    .data()

您从存储桶docId中获得了ID为bucketName的文档。如果文档和/或存储桶不存在,您将无法定义。


相反,如果您写:

const docId = await firebase
    .firestore()
    .collection('bucketName')
    .add({
      name: "Marco",
      born: "1993"
    })

您将获得一个新文档的ID docId,该文档已添加到包含对象bucketName的集合{...}中。


不需要模式。如果您将文档添加到不存在的存储桶中,则Firebase会创建该存储桶,然后将文档添加到其中。


您需要从React Native触发一个函数并调用,例如,我上面提供的代码。使用返回的值,您可以使用redux,将数据保存到存储中,并在应用程序中使用它们。