如何从 Firebase 读取信息并将其用于 React 组件？

Question

我正在尝试使用 Web SDK 从我的 Firebase 数据库中的文档中读取一些信息，并将该信息显示在 React 组件中。这是我的工作流程：render() {let db = firebase.firestore();let docRef = db.collection('user').doc('name');docRef.get().then(doc => {    console.log(doc.data());});return (// HTML using data from doc.data());}但是，我无法从 .then() 调用中的回调之外的 doc.data() 获取信息。如何在回调之外使用来自 doc.data() 的数据，并将其渲染回 React？

Answer 1

查看用 // 标记的编辑行

render() {

  let myData; //

  let db = firebase.firestore();

  let docRef = db.collection('user').doc('name');

  docRef.get().then(doc => {

    myData = doc.data(); //

  });

return myData; //

// or html involving myData

}