MENU

【Next.js】【React】起動時にuseEffectが2回実行されてしまう。

やりたいこと

下記のようにuseEffectを使うと、npm run devを実施した1回目のみ表示されるはずだが、2回実行されてしまう。
  useEffect(() => {
    console.log("Hello,world");
  }, []);

分かったこと

StrictMode

詳細は割愛するが、StrictModeがデフォルトになっており、ローカル環境で実行すると2回useEffectが作用してしまいます。StrictModeを解除するには下記のリンクを参照ください。

参考

参考ページ
https://dagashi.pw/react18-useeffect-twice/
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする

目次