読み込みに失敗したときにエラーを表示しよう

[a01sa01to]

概要

現在、「更新する」を押して /api/posts を叩きに行っていますが、リクエストに失敗 (HTTP Status Code が 4xx, 5xx) しても、「読み込み中」の表示のままになっています。
失敗したら「更新する」に直して、「読み込み時にエラーが発生しました」といった表示を出すようにしてみましょう！

スクリーンショット

リクエストに失敗

「読み込み中」から変わらない

ヒント

HTTP Status Code 4xx, 5xx が出ない！といった場合、 GetPosts 内をいじって意図的に返すようにすればよいです。
ただし、その変更は Commit しないようにしてください！

参考リンク

• HTTP レスポンスステータスコード - HTTP | MDN