useEffectを理解する（概要）

概要

• useEffectは関数コンポーネント内で使用することができる
• useEffectの発火には3種類ある

毎回のレンダリングの時の書き方

.js

useEffect(()=> {
    console.log('毎回レンダリングのたびに呼ばれる')
})

初回のレンダリング時に呼ばれ発火する

.js

useEffect(()=> {
    console.log('初回時のみ呼ばれる')
},[])

設定した値が変化した時に発火

.js

useEffect(()=> {
    console.log('sampleの値が変化した時に呼ばれる')
},[sample])