Pourquoi mon composant React s'affiche-t-il deux fois en mode strict ?

React Component Rendering Twice in Strict Mode

En mode strict, React appelle intentionnellement deux fois les fonctions de rendu des composants pour détecter les effets secondaires potentiels. Ce comportement devient apparent en rendant un composant deux fois.

Dans l'exemple de code fourni, le composant Update s'affiche deux fois car il s'exécute en mode strict. Lorsque vous commentez la balise de mode strict dans index.js, le problème est résolu et le composant n'est rendu qu'une seule fois.

React.StrictMode est une fonctionnalité du mode développement qui permet d'identifier les effets secondaires accidentels lors de la phase de rendu. Il y parvient en répliquant la fonction de rendu, qui peut révéler des problèmes qui autrement pourraient passer inaperçus.

Selon la documentation React, des effets secondaires inattendus lors du rendu peuvent être causés par :

• Appeler des Hooks en dehors de la fonction de rendu du composant
• Lecture à partir du DOM pendant le rendu
• Accès à une référence passée à un composant pendant le rendu
• mutation de l'état au sein d'une fonction de rendu
• déclenchement de changements d'état sur le composant parent à partir de la fonction de rendu d'un composant

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!