React.js 配列の値がnullになる (firebaseのDBから取ってきた値)

Question

環境

React.jsを使用し、firebase, storageに画像を複数upload。
→画像urlをfirebaseのDBに保存
→メインページで表示させる
現状

DBからimagesの情報を取得、最終的には画像赤い部分のurl値をとりたい

componentDidMount() {
	let loadedImages = [];
	firebase.database().ref('images').on('child_added', snap => {
		loadedImages.push(snap.val());
		this.setState({
			images: loadedImages
		})
	})
}

//render関数内にて
//この値はnullとなる ([0]をついてないと、値は取れる)
this.state.images[0]

Answer 1

object.keysでkeyを配列化してからvalueの値を取ってくることに成功
(参考URL : https://youtu.be/NcewaPfFR6Y?t=196)