useEffect が 2 回呼び出されるのはなぜですか?

Question

import { useContext, useEffect, useState } from 'react';

const Log = () => {
    useEffect(() => {
        console.log('実行中...')
    },[])

    return(<p>ここ</p>)

}

デフォルトのログをエクスポート;

このコードを実行すると、ブラウザ コンソールに Running... というメッセージが 2 回表示されます。

useEffect の 2 番目のパラメータが空なので、一度だけ実行すべきだと思います。

なぜ 2 回実行されるのか説明できる人はいますか?

Answer 1

これは、<StrictMode> がルート ツリーにある可能性があります。

厳密モー​​ドとは何ですか?

useEffect() が 2 回実行されるのはなぜですか?

注: 厳密モードのチェックは開発モードでのみ実行され、運用ビルドには影響しません。