kininariantennaReactでFirebase/Firestoreのエラーハンドリングをする方法2選!ツイートシェアはてブLINEPocketReactでFirebase/Firestoreのエラーハンドリングをしたいときはないでしょうか。・ReactでFirebase/Firestoreのエラーハンドリングをする方法がわからないですよね。今回はそんなお悩みを解決する・ReactでFirebase/Firestoreのエラーハンドリングをする方法2パターンについてまとめます!もくじFirebase/Firestoreのエラーハンドリングをする方法Promiseチェーンを使用する方法async/awaitを使用する方法Promiseチェーンとasync/awaitの混合はできないさいごにFirebase/Firestoreのエラーハンドリングをする方法ReactでFirebase/Firestoreのエラーハンドリングをする方法は大きく分けてPromiseチェーンを使用する方法とasync/awaitを使用する方法の二種類あります。Promiseチェーンを使用する方法FirestoreのメソッドはPromiseを返すため、Promiseチェーンを使用してエラーハンドリングを行うことができます。以下は、Promiseチェーンを使用したエラーハンドリングの例です。});};then()の方は成功した場合の処理、catch()はエラーとなった場合の処理を記述します。async/awaitを使用する方法async/awaitを使用することで、Promiseチェーンをネストせずにエラーハンドリングを行うことができます。async/awaitを使用する場合は、try-catch文を使用して、エラーハンドリングを行います。以下は、async/awaitを使用したエラーハンドリングの例です。}};tryの方で処理結果を得たい処理でawaitで非同期状態にします、catchはエラーとなった場合の処理を記述します。async/awaitを使用することでより直感的なコードが書ける場合があるため、現在ではasync/awaitを使用することが一般的になっています。Promiseチェーンとasync/awaitの混合はできない注意いただきたい点として、Promiseチェーンとasync/awaitの混合は避けた方が良いです。});};この場合、awaitキーワードがthen()メソッドの後ろに置かれているため、Promiseが解決される前にrouter.push()が呼び出されてしまう可能性があります。catch()メソッドはPromiseチェーン内に置かれていますが、awaitキーワードとの併用は推奨されませんので、避けた方がよいでしょう。さいごにいかがでしょうか。・ReactでFirebase/Firestoreのエラーハンドリングをする方法2パターンについてまとめました。他にも便利な方法がありますので、よろしければご参照頂ければと思います。タカヒロReactって覚えることが多く難しいですよね...タカヒロも悩んでいましたが、こちらの本でかなり理解ができるようになりました!>>Amazonで詳細を見る電子書籍もいいですが、紙質がやわらかく読みやすいので書籍のほうがおすすめです。この記事の関連キーワードこちらの記事の関連キーワード一覧です。クリックするとキーワードに関連する記事一覧が閲覧できます。Firebase「Firebase」の関連記事こちらの記事の内容「Firebase」に関連する記事一覧です。Branch|ブランチを作成する方法!-M等オプションも説明!RECOMMENDこちらの記事も人気です。