React Native – Firestore czeka na renderowanie do zakończenia zapytania

Tworzę aplikację przy użyciu reakcji natywnych i firestore. Tutaj kawałek mojego kodu;

getData(mat){
 let count = 0;
 let val;
db.collection("Yemek").doc("Materials").collection(mat).get().then((querySnapshot) => {
  querySnapshot.forEach((doc) => {
      count++;
      val = doc.data().value;
      matKey = mat+count.toString();
      this.state.array.push([
        meal=mat,  value=val, status=false, key=matKey 
      ]);
  });
}).catch(err => {
  console.log('Error getting documents', err);
  return false;
  });
}
componentWillMount(){
 this.getData('vegetables');
 this.getData('legumes');
 this.getData('meat');
 this.getData('milk');
 this.getData('others');
}
render() {
return (//Render components)}

Renderuję komponenty z tablicą znajdującą się w stanie. Ale zwraca wartość null, ponieważ komponenty renderowania aplikacji przed zakończeniem zapytania. Szukałem wczoraj. Myślę, że powinienem używać obietnic, ale tego nie zrozumiałem. Czy mógłbyś mi pomóc?