第5章クイズ

テーマを使わない途中の部品まで、受け取って渡すためだけに props を持たされる

React は3段を超えて props を渡すとエラーになる

props で渡した値は孫まで届かないので、途中で消えてしまう

props を渡すたびに通信が発生して画面が遅くなる

const ThemeContext = createContext<Theme>("light");

const ThemeContext = useContext<Theme>("light");

const ThemeContext = createContext(Theme, "light");

const ThemeContext = new Context<Theme>("light");

その部品が Provider の外側にいて、createContext の既定値が返っている

useContext は初回の描画では必ず既定値を返す決まりになっている

createContext の既定値を書いたせいで、Provider の value が無視されている

useContext の引数に型を書いていないため、値が取り出せていない

<ThemeContext.Provider value={{ theme, toggleTheme }}>

<ThemeContext.Provider value={theme} value={toggleTheme}>

<ThemeContext.Provider theme={theme} toggleTheme={toggleTheme}>

<ThemeContext value={{ theme, toggleTheme }}>

ログイン中のユーザー情報

検索欄に入力している途中の文字

商品カード1枚に表示する価格

出品フォームのモーダルが開いているかどうか