useEffect

useEffect

要素をレンダリングするたびに実行するアクションを設定するHOOKです.

コンポーネントDidMountとコンポーネント更新の組合せ形式

ComponentDidMount & ComponentdidUpdate
react lifecyle
ライフサイクルを参照

componentDidMount
構成部品のインストール直後に呼び出す
外部からデータをロード場合、送信ネットワーク要求の位置は

である.

ComponentDidUpdate
更新後に呼び出す(最初のレンダリングで呼び出されなかった)

を使用して、以前と現在のpropsを比較してネットワークリクエストを送信

componentWillUnmount
構成部品をアンインストールして削除する前に呼び出す
この方法では、[タイマーを上げる](Up Timing)、[ネットワークリクエストをキャンセル](Cancel Network Request)、[コンポーネントDidMount()内で作成したサブスクリプションをキャンセル](Cancel Component DidMount)、[コンポーネントDidUpdate](Component DidUpdate)などの[効果コンポーネントを使用](Use Effect Component DidMount)と[コンポーネントDidUpdate](Component DidUpdate)の共通点は、[状態](Status)を

のインストール時のみ実行:userEffectの2番目のパラメータに空の配列を追加します.

(コンポーネントDidMountと同様)

useEffect(()=>{
	console.log('마운트될 때만 실행');
}, []);

特定値更新時のみ実行:userEffectの2番目のパラメータ配列に特定値の変数を追加します.

(コンポーネントDidUpdateと同様)

useEffect(()=> {
	console.log(name);
  }, [name]);