第3章クイズ

{ status: "loading" } | { status: "success"; items: Item[] } | { status: "error"; message: string }

{ loading: boolean; error: boolean; items: Item[] }

{ status: string; items: Item[]; message: string }

Item[] | null

if (!res.ok) throw new Error() と書いてから catch で受ける

何も書かなくても 500 なら catch に入る

res.json() が必ず失敗するので、そのまま catch に入る

fetch は失敗を返さないので、エラー画面は作れない

中身が届いたときに画面の高さが変わらず、表示が跳ねないから

スケルトンを出すと通信そのものが速くなるから

スケルトンを出すと通信の失敗が起きにくくなるから

スケルトンを出すと useEffect が2回動かなくなるから

成功として扱い、0件だと伝えて次の一手を置く

エラーとして扱い、エラー画面に切り替える

何も出さずに空の入れ物のままにしておく

自動でもう一度取りに行き、0件でなくなるまで繰り返す

ボタンを通らない送信の道があり、そこでは disabled が効かないから

disabled を付けたボタンは React では描画されないから

disabled は通信が終わるまで画面に反映されないから

disabled を付けると onSubmit そのものが登録されなくなるから