Pourquoi useEffect est-il appelé deux fois ?

Question

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

const Journal = () =>
    useEffect(() => {
        console.log('En cours d'exécution...')
    },[])

    retour(<p>ici</p>)

}

exporter le journal par défaut ;

Chaque fois que ce code s'exécute, je reçois deux fois le message Running...

Je pense qu'il ne devrait s'exécuter qu'une seule fois car j'ai un deuxième paramètre vide dans useEffect.

Quelqu'un peut-il expliquer pourquoi il s'exécute deux fois ?

Answer 1

Cela est dû au fait que <StrictMode> se trouve peut-être dans votre arbre racine.

Qu'est-ce que le mode strict ?

Comment cela fait-il que useEffect() court deux fois ?

注意： Les vérifications en mode strict ne s'exécutent qu'en mode développement ; elles n'affectent pas les versions de production.