Firebaseでのdatabaseからの値の読み込みについて

Question

Firebaseを初めて使っているのですが、databaseからの値の読み取り方がよくわかりません。

データベース内のJsonは以下のような構成です。
ここからtweets以下のtextの値を、{text:test},{text:test},{text:test}...といったような形で配列に格納したいと考えています。

{
  "tweets" : {
    "-KzqcjiqOObM4xWgnV6m" : {
      "text" : "test"
    },
    "-Kzqd01BsRVOSs1sSdVj" : {
      "text" : "test"
    },
    "-KzqdMxli8vFLLwrR9yo" : {
      "text" : "test"
    },
    "-KzqddqAIIHHHK0kjThI" : {
      "text" : "test"
    }
  }
}

プログラムでは

var firebaseRef = firebase.database().ref();
var tweetsRef = firebaseRef.child("tweets");

//略

constructor(props) {
    		super(props);
				this.state = {tweets: []
			};
				console.log("initialized");
  		}

			componentDidMount(){
				tweetsRef.on("value", function(snapshot){
					this.setState({
						tweets: snapshot.val()
					});
				});
			}
//略

といったように記述しているのですが、this.statのtweetsに値が入ってくれません。
snapshotとstateの型が違うからなのかと考え色々試してみましたが、どうしても読み込むことができず、詰まってしまっています。

firebaseについて詳しい型がいらっしゃいましたら、おかしな点についてご指摘いただければと思います。
よろしくお願い致します。

Answer 1

componentDidMount(){
                tweetsRef.on("value", (snapshot) => {
                    this.setState({
                        tweets: snapshot.val()
                    });
                });
            }

これでどうですか.
setStateが実行されている関数でthisがbindされていないようにおもえます

Answer 2

そもそもですが，ReactFireを使ってしまうというのはいかがでしょう．