エラーUI

React実践 / 全 6 枚

500でも失敗にならない

サーバーが500を返しても、返事が来た時点で成功とみなされます。

そのまま受け取る

const res = await fetch("/api/items");
const data = await res.json();
// 中身がエラー説明でも素通りする

自分で判定する

const res = await fetch("/api/items");
if (!res.ok) {
  throw new Error("読み込みに失敗");
}

res.ok は200番台のときだけ真です。偽なら自分で投げて catch へ落とします。

1 / 6

← → キーでも送れます