やりたいこと
下記のようにuseEffectを使うと、npm run devを実施した1回目のみ表示されるはずだが、2回実行されてしまう。
useEffect(() => {
console.log("Hello,world");
}, []);
分かったこと
StrictMode
詳細は割愛するが、StrictModeがデフォルトになっており、ローカル環境で実行すると2回useEffectが作用してしまいます。StrictModeを解除するには下記のリンクを参照ください。
参考
参考ページ https://dagashi.pw/react18-useeffect-twice/
コメント