コールバックに書くみたいです。受け取るのでFirebaseではこの段階でファイルのアップロードができます!!!ドキュメントはこちら。Blobからアップロードできるとかすごくいいですね。(試してないけどたぶんそちらでUploadできる)今回はアップロードする前に読み込みを確認したかったので、DataUrlという形式に変換しています。data:image/jpeg;base64,XXXXXXXXみたいな文字列になっています。string!');});これでアップロードできそうですね。'base64url')でアップロードできそうです。定義元とか飛んで行って自分で触ってみてください!!終わりにブラウザのAPIを叩くときにTypeScriptすごく開発体験良かったです。MDNを見に行かなくても何が返ってくるかわかるので、null制御とかそういうのがやりやすかったです。コード書いてて楽しかった。なにか間違い見つけたら編集リクエストください!!!最後まで読んでいただきありがとうございます。!!TweetQiitaで続きを読む投稿日:2020-01-16T12:11:31+09:00とりあえずreact-hook-formはじめにreact系のフォームバリデーションライブラリreact-hook-formのざっくり使い方です。超軽量なパッケージ再レンダリングを最小に押さえて、マウントの高速化フォームの値がローカル管理される為、他パッケージに依存しない等々の利点が挙げられている。/>registerでバリデーションをかけられる。minLengthを5にせっていしている。'5桁以上必要です'はエラーメッセージ。}errorserrorsオブジェクトにはフォーム内の各フィールドのエラーオブジェクト。react-hook-formにはエラーメッセージ用の表示にErrorMessageコンポーネントも用意されている。~~watch指定されたnameのinputを監視して、その値を返す。設定して値を返すことができます。指定された値を返します。{watch('form1_1')}</p>handleSubmitフォームバリデーションを通るとデータを渡す。)};controllerControllerコンポーネント(UIコンポーネントライブラリと併せて使用するコンポーネント)用。コンポーネント登録するためのメソッドが含まれている。以下ではmaterial-uiを使用。)}resetフォーム内のvaluesとerrorsをリセットできる関数。リセット時に値を渡すとデフォルトの値としてリセットできる。