在 react-native 中嵌套 firestore onSnapshot 监听器？

Question

我正在尝试为我的应用做这样的事情：

snapshotListeners() {
  firestore()
    .collectionGroup()
    .where()
    .onSnapshot({
      error: //Handle error
      next: firstSnapshot => {
        firstSnapshot.docsChanges().forEach(change => {
          //Data retrieved and used in the below query to get more data
          firestore()
            .collection()
            .where() //using the data retrived from the above query here.
            .onSnapshot({
              error: //Handle error
              next: secondSnapshot => {
                secondSnapshot.docsChanges().forEach(change =>{
                  //More Data from second query
                })
              }
            })
        })
      }
    })
}

第二个查询依赖于从第一个查询中检索到的数据，我希望在各自文档中监听两个查询的变化。

例如， 组功能： 这是我的数据库结构：

Groups(top-level collection)
    |_groupId(documents) - Members(subcollection) 
    |_groupId             |     |_uid(document)
                          |     |_uid
                          |
                          |__groupdata(Fields like title, description, etc)

所以我将使用first listener 来监听成员子集合中特定用户的文档的更改，并使用second listener 来实时检索他所在的组（关于组的数据），这样当他被添加/从组中删除，列表/前端会像 WhatsApp 一样自动更新。

或者即使组数据发生了变化，如标题、描述等，这些变化也会在前端听到并更新。

对于此用例，是否建议使用这种嵌套的快照侦听器，还是有其他方法？

非常感谢您的帮助。

Answer 1

像这样嵌套侦听器是很正常的，如果以合理的规模完成，则不必担心。什么是合理的有点主观和依赖，但让我们说：适合移动应用程序的单个屏幕的东西可能是一个合理的上限。

请记住，您需要自己管理侦听器。因此，请保留您已添加的嵌套侦听器列表，并仅在外部侦听器触发时添加新侦听器（并删除过时的侦听器）。

如果您想要进一步扩展，您可以将每个成员（嵌套文档）中的相关数据复制到组（父文档）中。

作为第三种选择，您可以仅为特定组的成员创建一个单独的子集合，以便您可以使用一个快照侦听器来侦听所有这些。