📝

useEffect メモ

2023/03/02に公開

Reactに関してuseEffectの第二引数の依存関係に関するメモです。

// レンダリング毎に実行
useEffect(() => {
	console.log("Current count is...", count)
});

// 初回レンダリング時のみ実行
useEffect(() => {
	console.log("Current count is...", count)
}, []);

// triggerが変更されるたびに実行
useEffect(() => {
	console.log("Current count is...", count)
}, [trigger]);

// "trigger1"か"trigger2"が変更されるたびに実行
useEffect(() => {
	console.log("Current count is...", count)
}, [trigger1, trigger2]);

Discussion