第8章クイズ

props で受け取った items を map して並べる

useState で items を持つ

useEffect の中で fetch して items を取ってくる

取得に失敗したときの再試行の回数を数える

side を ReactNode の props にして、呼ぶ側が中身を差し込む

showSide という真偽値の props を足して、Layout の中で分岐する

Layout の中で現在の URL を見て、出すかどうかを決める

絞り込みを出す画面のために LayoutWithSide をもう1つ作る

{ header: ReactNode; side: ReactNode; children: ReactNode }

{ header: JSX.Element; side: JSX.Element; children: JSX.Element }

{ header: string; side: string; children: ReactNode }

{ header: ReactNode[]; side: ReactNode[]; children: ReactNode[] }

Layout

CartLine

ItemCard

useCart

features/items/types から import する

features/cart/types.ts に同じ Item をもう一度書く

カート側では Item を any として扱う

全機能の型を types/index.ts にまとめ直す