【React】useEffectの第二引数の使い方と活用事例と無限ループの注意点 | devsakaso – プログラミングの独学サイトuseEffectの第二引数の役割 useEffectの第二引数は、依存配列と呼ばれます。 useEffectの第二引数に指定した変数が更新されると、useEffectの第一引数の処理内容を記述した関数も再実行されるという仕組みです。 stateの更新に伴って再レンダリングしたい場合にuseEffectの第二引数にその値を入れます。 useEffectの第二引数の活用事例 import { useEffect, useState } from "react"; const Sample = () => { const [time, setTime] = useState(0); useEffect(() => { window.setInterval(() => { setTime(prev => prev + 1); }, 1000); }, []) useEffect(() => {
