女性向けエンジニアスクール
再レンダリングの仕組み
Reactで状態・フォーム・リストを扱う / 全 6 枚
画面が変わるまでの3段
ボタンを押してから画面が変わるまで、React は毎回この3段を通ります。
きっかけ
更新関数が呼ばれ、stateが変わったとReactに伝わる
レンダリング
コンポーネント関数をもう一度呼び、新しいJSXを作る
反映
前の結果と見くらべ、違うところだけ書きかえる
大事なのは2段目です。関数をまるごと呼び直しています。
1 / 6
← → キーでも送れます
ボタンを押してから画面が変わるまで、React は毎回この3段を通ります。
きっかけ
更新関数が呼ばれ、stateが変わったとReactに伝わる
レンダリング
コンポーネント関数をもう一度呼び、新しいJSXを作る
反映
前の結果と見くらべ、違うところだけ書きかえる
大事なのは2段目です。関数をまるごと呼び直しています。
1 / 6
← → キーでも送れます