React.js
コンポーネント
レンダリング
LifeCycle
Hook
useState
useEffect
useEffect に渡された関数はレーンダーの結果が画面に反映された後にどうさする。つまり、useEffect とは「関数の実行タイミングを React のレンダリング後まで遅らせる hook」です。
副作用の処理(DOM の書き換え、変数代入、API 通信など UI 構築以外の処理)を関数コンポーネントで扱えます。
クラスコンポーネントでのライフサイクルメソッドに当たります。
- componentDidMount
- componentDidUpdate
- componentWillUnmount