Как мне прочитать информацию из Firebase и использовать ее в компоненте React?

Question

Я пытаюсь прочитать некоторую информацию из документа в моей базе данных на Firebase, используя веб-SDK, и отобразить эту информацию в компоненте 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()
);
}

Однако я не могу получить информацию от do c .data () вне функции обратного вызова в вызове .then (). Как я могу использовать данные из do c .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
}