如何从 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}