エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【React】useEffectの第二引数の使い方と活用事例と無限ループの注意点 | devsakaso – プログラミングの独学サイト
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【React】useEffectの第二引数の使い方と活用事例と無限ループの注意点 | devsakaso – プログラミングの独学サイト
useEffectの第二引数の役割 useEffectの第二引数は、依存配列と呼ばれます。 useEffectの第二引数に指定... 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(() => {