React 18が登場された時、「厳格」と「非厳格」という二つのモードは追加されました。 厳格モード(String Mode)は開発環境(development)のみで役に立て、本番環境で役に立てないようにご注意くだい。 開発環境で、厳格モードを使ったら、useEffectのフック関数は二回実行されるようになります。なぜかというと、コンポーネントの即時アンインストールと再マウントを模倣するために二回実行されます。実行順位は次になります。 //コンポーネントのマウント 1.React mounts the component. //layoutの実行 2.Layout effects are created. // Effectsの実行 3.Effect effects are created. //コンポーネントのデストロイのシミュレーション 4.React simulates effec