Обновить массив состояний в React Native

Question

Я пытаюсь заполнить пустой массив состояний элементами базы данных Firebase

retrieveCategories = async () => {
 const { categories } = this.state;
 const { eventTypes } = constants;
 let count = eventTypes;

 const snapshot = await firebase.database().ref('/categories').once('value');

 while (count !== -1) {
   const cat = snapshot.val()[count];
   this.setState(prevState => ({ categories: [...prevState.categories, cat] }));
   count -= 1;
 }

 console.log(categories);
}

Проблема в том, что что бы я ни делал, массив не обновляется сам, что доказано, когда console.log(categories); выдает только [].

Что я могу сделать, чтобы решить эту проблему?

Answer 1

Вы можете сделать это так

let {categories} = this.state
categories.push(cat)
this.setState({categories})

Также console.log (this.state.categories), потому что состояние обновляется после this.setState.