你如何从firestore读取数据？

Question

我正在尝试学习如何使用 Firestore。

google documentation 说试试这种格式：

db.collection("users").get().then((querySnapshot) => {
    querySnapshot.forEach((doc) => {
        console.log(`${doc.id} => ${doc.data()}`);
    });
});

所以，我用它来做到这一点（将 db 更改为 fsDB，将“users”更改为“newsletters”

fsDB.collection("newsletters").get().then((querySnapshot) => {
    querySnapshot.forEach((doc) => {
        console.log(`${doc.id} => ${doc.data()}`);
    });
});

当我尝试此操作时，我收到一条错误消息，提示未定义 querySnapshot。附上错误消息的屏幕截图。

我看过this post，并尝试了它的建议如下：

fsDB.collection("newsletters").query.get().then(function(querySnapshot) { 

                            if (querySnapshot.empty) { 
                                console.log('no documents found');
                            } else {
                                    querySnapshot.docs.map(function (documentSnapshot) {
                                        console.log(documentSnapshot.data().name); 
                                    });
                            }

                        });

此尝试使用 if 语句生成解析错误，但我也找不到解决该问题的方法。

这一定有一个简单的解决方案，但我不知道如何从数据库中获取记录。

下一次尝试

我尝试将代码移到 return 语句上方并放入变量中，如下面的屏幕截图所示，但它仍然会产生错误，如图所示。无论我是否保留或丢失 querySnapshot 周围的括号，这些错误都是相同的。

添加状态

class Fndate extends React.Component {
    state = {
        options: [],
        anzic: [],
        country: [],
        region: [],

    }

    selectCountry (val) {
        this.setState({ country: val });
      }

      selectRegion (val) {
        this.setState({ region: val });
      }

    async componentDidMount() {
        // const fsDB = firebase.firestore(); // Don't worry about this line if it comes from your config.
        let options = [];
        await fsDB.collection("abs_for_codes").get().then(function (querySnapshot) {
        querySnapshot.forEach(function(doc) {
            console.log(doc.id, ' => ', doc.data());
            options.push({
                value: doc.data().title.replace(/( )/g, ''),
                label: doc.data().title + ' - ABS ' + doc.id
            });
            });
        });


        let anzic = [];
        await fsDB.collection("anzic_codes").get().then(function (querySnapshot) {
        querySnapshot.forEach(function(doc) {
            console.log(doc.id, ' => ', doc.data());
            anzic.push({
                value: doc.data().Title.replace(/( )/g, ''),
                label: doc.data().Title + ' - ANZIC ' + doc.id
            });
            });
        });


            await fsDB
            .collection("newsletter")
            .get().then((querySnapshot) => {
                querySnapshot.forEach((doc) => {
                console.log(`${doc.id} => ${doc.data().email}`);
                }
            );
            });

        this.setState({
            options,
            anzic
        });
    }

5]5

Answer 1

我相信您正在使用 React，我刚刚意识到您正在调用 render 方法中的相关方法。

尝试在componentDidMount 中进行操作。可以参考here

所以你的代码会是这样的：

class YourClass extends React.Component {
   componentDidMount(){
      fsDB.collection("newsletters").get().then((querySnapshot) => {
         querySnapshot.forEach((doc) => {
            console.log(`${doc.id} => ${doc.data()}`);
         });
      });
   }
   render(){
      return (....your existing jsx....)
   }
}

请注意，我不知道您的类名或您如何定义组件。但是我只是说您需要将代码移动到componentDidMount。

我们无法查看您的整个文件。但我确信这是一个语法错误（尤其是 JSX）

Answer 2

我认为你应该去掉“.query”。 如果集合中有数据，.empty 将返回 false。 但我想知道，为什么在你的情况下 querySnapshot 未定义。

db.collection("lessons").get()
  .then(function(querySnapshot) { 
    if (!querySnapshot.empty) {
        querySnapshot.docs.map(function(documentSnapshot) {
        console.log(documentSnapshot.data().name); 
     })
    } else {
    console.log('no documents found');
    }   
});

控制台

Answer 3

您可以为此使用自动脚本。 您只需要 python 和 firebase_admin。

1. pip install firebase_admin
2. 下载https://github.com/harshit0209/firestore_backup
3. 现在运行 getData.py 脚本。
4. 为其提供您的 Firebase 项目私钥的路径。
5. 现在给出文档名称。