DAY 20/3 完了
state と イベント — 動くUIの心臓部
🎯 このDayを終えるとできること
useStateでstateを読んで説明でき、onClick/onChangeでイベントを扱え、stateが変わると自動で再描画される仕組みを理解する。
- 1
state と useState — コンポーネントが覚えておく値
画面が覚えておきたい値=stateと、それを扱うためのuseStateの読み方を学ぶ。なぜ普通の変数ではダメなのかを腹落ちさせる。
設問 3 問
- 2
イベント処理 — onClick と onChange
クリックや入力に反応する書き方を学ぶ。イベントには「関数そのもの」を渡すという最重要ポイントを、よくある間違いと一緒に押さえる。
設問 3 問
- 3
再レンダリングの直感 — stateと画面が同期する感覚
stateが変わると、その部品が再実行されて画面が更新される流れを直感でつかむ。stateを直接書き換えず必ずsetterを使う理由も押さえる。
設問 3 問