More than 3 years have passed since last update.

【React】 useEffectの引数について

Posted at 2020-11-05

#概要
Reactの勉強を始めるにあたってつまずいたので書き出してアウトプットすることにしました。

#useEffectとは
useEffectはReact clasのライフサイクルcomponentDidMount,componentDidUpdateとcomponentWillUnmountの３つと同様な処理を行うことができるHookです。

#第一引数

第二引数をからにすると、Render毎に実行される関数を取ります。

useEffect(() => {
   console.log("Render毎に実行")
})

基本空にしない

#第二引数

・第二引数は、第一引数で指定した関数の実行タイミングを調整する
・空配列で指定した場合[]は初回レンダー時と毎回の更新の際に実行される。

useEffect(() => {
   console.log('初回レンダー時と毎回の更新の際に実行される')
}, [])