📝
useEffect メモ
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