NextJS：等待来自 Google Firestore 的数据

Question

所以，我正在尝试从 Google Firestore 获取数据，并且正在使用 NextJS 框架。

Index.getInitialProps = async function () {
  const db = await loadDB()
  let data = []
  db.firestore().collection('data').get().then(querySnapshot => {
    querySnapshot.forEach(doc => {
      data.push(doc.data())
      console.log(data)
    })
  })

  return {
    data
  }
}

所以，在我的“服务器”上，我获取了数据，但在我的索引组件中，它仍然是一个空数组……有人知道我在这里缺少什么来获取数据到组件吗？

我假设这是在某个地方等待......

Answer 1

如果您想知道丢失的await 应该在哪里，那么只有一个地方。它仅适用于 Promise，并且 get() 返回一个 Promise，因为对 Firestore 的查询不会立即完成。

async function () {
  const db = await loadDB()
  let data = []
  const querySnapshot = await db.firestore().collection('data').get()
  querySnapshot.forEach(doc => {
    data.push(doc.data())
    console.log(data)
  })

  return {
    data
  }
})