[React]再レンダリングの仕組みと最適化について - Qiita

再レンダリング最適化について勉強した時のメモです。 再レンダリングが起きる条件 stateが更新されたとき。 propsが変更されたとき 親コンポーネントが再レンダリングされた時のコンポーネント配下の子要素。 以下の場合Bが再レンダリングされるとCも再レンダリングされる。 Stateが更新された時 import { useState } from "react"; export const App = () => { console.log("Appレンダリング") const [text, setText] = useState(""); const onChangeText = (e) => setText(e.target.value); return ( <div className="App"> <input value={text} onChange={onChangeText