ReactとFirebaseを使ってチャットアプリにアイコン画像を追加する方法はじめに 名前とメッセージのみ表示されるチャットアプリに、アイコン画像を追加したいと思ったところ、意外と躓いたので私なりの方法を紹介します。 手順は以下の通りです。 <input type="file" />を使いフォームで画像を送信する FirebaseのStorageで画像を参照、アップロードする Storageからダウンロードし、Authenticationのユーザー情報を更新する Firestoreのコレクションにユーザー情報の画像を追加する Firestoreからデータを取得する データを画面上にレンダリングする 前提：追加前のコード アイコン画像追加前の処理は以下のようになっています。 SignUp.jsにてサインアップフォームにて入力したメールアドレスとパスワードを元に、
