Quelles sont les étapes de réaction des composants ?

Le composant React comporte cinq étapes : initialisation, montage, mise à jour, démontage et gestion des erreurs. La phase de traitement des erreurs appartient à la phase de gestion des erreurs.

L'environnement de cet article : Windows10, React16, cet article est applicable à toutes les marques d'ordinateurs.

(Partage vidéo d'apprentissage : Tutoriel vidéo React)

Il y a quatre étapes différentes dans le cycle de vie des composants :

Initialisation : Dans cette étape, le composant est prêt à définir l'état d'initialisation et les propriétés par défaut.

Montage : Le composant React est prêt à être chargé sur le DOM. Cette phase contient les méthodes de cycle de vie getDerivedStateFromProps et composantDidMount.

Mise à jour : à ce stade, le composant est mis à jour de deux manières : l'envoi de nouvelles propriétés et la mise à jour du statut. Cette phase contient les méthodes de cycle de vie getDerivedStateFromProps, ShouldComponentUpdate, getSnapshotBeforeUpdate et ComponentDidUpdate.

Démontage : A ce stade, le composant n'est plus nécessaire et il est démonté du DOM du navigateur. Cette phase contient la méthode de cycle de vie composantWillUnmount.

En plus des quatre cycles de vie courants ci-dessus, il existe également une étape de gestion des erreurs :

Gestion des erreurs : dans cette étape, que ce soit dans le processus de rendu, dans la méthode du cycle de vie ou si une erreur se produit dans le constructeur d'un composant enfant, le composant sera appelé. Cette phase contient la méthode de cycle de vie composantDidCatch.

Recommandations associées : Tutoriel js

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!