如何读取React本地Firebase Cloud firestore

Question

我开始使用实时数据库创建react原生android应用程序，但后来意识到我不能执行一些查询（比如哪里），所以我改到了云firestore，但我发现将实时数据库的代码改到云firestore有困难。我有这个实时数据库工作得很好

firebase.database().ref('/users').on('value', (snapshot) => {
      let data = snapshot.val();
      let items = Object.values(data);
      this.setState({items});
   }).catch(function(error) {
         var errorCode = error.code;
         var errorMessage = error.message;            
           this.setState({ errorMessage: errorMessage })            
       });

我试图在cloud firestore中生成上面的代码，如下所示，但不起作用（弹出一个typeerror并声明Snapshot.val不是函数）。

firebase.firestore().collection('users').get().then((snapshot)=>{              
        let data = snapshot.val();
        let items = Object.values(data);
        this.setState({items});
     }).catch(function(error) {
         var errorCode = error.code;
         var errorMessage = error.message;            
           this.setState({ errorMessage: errorMessage })            
       });

Answer 1

您的代码不能正常工作，因为它不能正确地使用Firestore API。您的查询：

firebase.firestore().collection('users').get()

将获取包含零个或多个文档的QuerySnapshot，具体取决于集合中的文档。您将需要使用QuerySnapshot API来迭代结果中可能的文档。现在，您正在对QuerySnapshot调用val()，这不是一个有效的方法。API与实时数据库有很大的不同。

相反，您的代码应该迭代结果集中的文档，以找出查询返回的内容，如下所示：

firebase.firestore().collection('users').get().then((querySnapshot) => {
    querySnapshot.forEach(snapshot => {
        let data = snapshot.data();
        console.log(data);
    }
})