第4章クイズ

use で始まる名前の関数で、中でフックを呼び、JSX ではなく値や関数を返す

JSX を返すコンポーネントの一種で、画面の一部を切り出したもの

React に登録して初めて使えるようになる特別な関数

useState や useEffect の代わりに使う、新しい種類のフック

部品ごとに別の state が作られ、items が混ざることはない

useItems の中の state は1つなので、あとから呼んだ側の内容で上書きされる

2つの items が連結され、どちらの部品にも5件すべてが出る

同じフックを2回呼ぶことはできず、エラーになる

useEffect を上の階層で呼び、条件はコールバックの中に書く

if を else if に書き換えて、必ずどちらかを通るようにする

useEffect を useState に置き換える

if を囲んでいる関数の名前を use で始める

コンポーネントの中と、use で始まる名前の関数の中

どこでも呼べる。名前や場所は関係ない

ボタンの onClick に渡すイベントハンドラの中

export された関数の中であれば、名前は何でもよい

{ items: Item[]; loading: boolean; error: string | null }

any

[Item[], boolean, string]

{ items: any[]; loading: boolean; error: string }