Reactを少し触った2023-09-13の作業メモ

React で作られたアプリケーションの挙動が本番環境では問題ないがローカル開発環境だと処理が2重に実行されるとうような話題になったので少し調べた。

[React] ChromeのDevToolsのConsoleに薄いログが出力される件

気づいたきっかけは、console.log を出してどのような順番で処理が実行されるのかを調べようとしたこと。console.log も2回でていて、2回目が薄い。

記事にもあるように、React 18以降の strict モードで、かつ、開発環境で発生するようになった問題で、本番環境には影響がないとのこと。

How to disable Strict Mode in React 18?

strict mode を OFF にする方法。

過激派が教える！　useEffectの正しい使い方

useRef と組み合わせて多重実行を防ぐという方法もあった。