Reactを少し触った2023-09-13の作業メモ
React で作られたアプリケーションの挙動が本番環境では問題ないがローカル開発環境だと処理が2重に実行されるとうような話題になったので少し調べた。
気づいたきっかけは、console.log を出してどのような順番で処理が実行されるのかを調べようとしたこと。console.log も2回でていて、2回目が薄い。
記事にもあるように、React 18以降の strict モードで、かつ、開発環境で発生するようになった問題で、本番環境には影響がないとのこと。
strict mode を OFF にする方法。
useRef と組み合わせて多重実行を防ぐという方法もあった。