useEffect exécuté deux fois au rechargement et cleanup componentWillUnmount

Question

Salut Louis-Nicolas, j'ai un petit problème avec mon useEffect quand je l'utilise en tant que componentWillUnmount . En fait, lorsque je recharge la page, le message dans ma console "[Eleve.js] - componentWillUnmount" s'affiche 2 fois alors que rien n'est supprimé, et dans la session tu n'as pas ça dans ta console. Voici mon code :
// État
useEffect(() => {
console.log('[Students.js] - componentDidMount');
}, []);
useEffect(() => {
console.log('[Students.js] - le nom has been changed');
}, []);
useEffect(() => {
return () => {
console.log('[Students.js] - componentWillUnmount');
};
}, []);
Et voici ce que ça m'affiche dans la console :
[Students.js] - componentDidMount
[Students.js] - le nom has been changed
[Students.js] - componentDidMount
[Students.js] - le nom has been changed
(2) [Students.js] - componentWillUnmount
[Students.js] - componentDidMount
[Students.js] - le nom has been changed
[Students.js] - componentDidMount
[Students.js] - le nom has been changed
Aurais-tu une idée d'où pourrait venir le problème, ou est-ce parce que j'utilise la version-script 5.0.1 ?

Louis-Nicolas Leuillet · Accepted Answer

Salut Souleimane,
Tu as bien une seule fois le composant Eleve ou tu l'as plusieurs fois ? Si tu l'as plusieurs fois, alors oui, pas de problème, c'est normal :)

Souleimane Amiche · Answer

Salut, j'ai bien 2 fois le componet Eleve merci pour ta reponse 👍

useEffect exécuté deux fois au rechargement et cleanup componentWillUnmount

Bienvenue parmi les étudiants de Believemy !