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