tkrd-stack

学習ノート

自分の理解を深めるための技術メモ

← 一覧に戻る

React.js

コンポーネント

レンダリング

LifeCycle

Hook

useState

useEffect

useEffect に渡された関数はレーンダーの結果が画面に反映された後にどうさする。つまり、useEffect とは「関数の実行タイミングを React のレンダリング後まで遅らせる hook」です。

副作用の処理(DOM の書き換え、変数代入、API 通信など UI 構築以外の処理)を関数コンポーネントで扱えます。

クラスコンポーネントでのライフサイクルメソッドに当たります。

  • componentDidMount
  • componentDidUpdate
  • componentWillUnmount