問題タブ [react-native-gifted-chat]

私は、Gifted-Chat と Firebase RealTime データベースを使用して (そして Expo で実行して) チャット アプリに取り組んできました。この時点で、基本的なメッセージングは​​機能しますが、ユーザーが上にスクロールして表示されるボタンを押したときに、アプリが以前のメッセージをロードできるようにしようとしています (このための GiftedChat 小道具を認識しています)。残念ながら、私はこれを行うのに問題があり、少し困惑しています。

私が認識している、私が直面している2つの別々の問題があります。

1. loadEarlier ボタンをクリックすると、undefined is not a function (near '...this.setState...'実行時エラーが発生します (明らかに、そこに配置したスケルトン関数に何か問題があります)。
2. より大きな問題は、現在読み込まれている最も古いメッセージの前にn個のメッセージをダウンロードする方法がまだはっきりしていないことです。GiftedChat の例とこの投稿を参考にしましたが、まだ道に迷っていることを告白しなければなりません (私が理解できる最善の方法は、メッセージをおそらくタイムスタンプで並べ替え、何らかの方法で適切な範囲を取得し、それらを解析して解析する必要があることです)。それらを状態のメッセージ配列に追加しますが、これを行う方法、特に後半の部分がわかりません)。

チャット画面のコードの関連部分と、firebase データベースの構造のスクリーンショットを以下に示します。これらの問題の両方に関する助けをいただければ幸いです。

親の状態をその子コンポーネントに渡すことができません。

親の状態全体を子に渡そうとしましたが、状態自体の内容はundefined. また、小道具を使って同じようにやってみましたが、うまくいきませんでした。

状態または値が子コンポーネントに渡され、そこで値が使用可能になることを期待しています。