Qu'est-ce que componentWillUpdate ?
Qu'est-ce que componentWillUpdate ?

Vidéo: Qu'est-ce que componentWillUpdate ?

Vidéo: Qu'est-ce que componentWillUpdate ?
Vidéo: JavaScript277-React.js-Cycle de vie componentDidMount( ) et componentWillUnmount( ) 2024, Novembre
Anonim

Les composantWillUpdate () est une chance pour nous de gérer les changements de configuration et de préparer le prochain rendu. Si nous voulons accéder aux anciens accessoires ou à l'état, nous pouvons appeler ceci. accessoires ou ceci. Etat. Nous pouvons ensuite les comparer aux nouvelles valeurs et apporter les modifications/calculs nécessaires.

En conséquence, quand dois-je utiliser componentWillUpdate ?

1 réponse. Les composantWillUpdate vous donne le contrôle de manipuler le composant juste avant qu'il ne reçoive de nouveaux accessoires ou un nouvel état. Généralement, je utilisation il pour faire des animations. Disons que je veux faire disparaître en douceur un élément de la vue, avant de supprimer le dom.

De même, à quoi sert componentWillUnmount ? componentWillUnmount est la dernière fonction à être appelée juste avant que le composant ne soit supprimé du DOM. C'est généralement utilisé pour effectuer le nettoyage de tous les éléments DOM ou minuteries créés dans componentWillMount. Lors d'un pique-nique, componentWillUnmount correspond juste avant que vous ne récupériez votre couverture de pique-nique.

De plus, qu'est-ce que componentDidUpdate ?

composantDidUpdate () est appelé après componentDidMount() et pouvez être utile effectuer une action lorsque l'état change. composantDidUpdate () prend comme ses deux premiers arguments les props précédents et l'état précédent. A l'intérieur de la méthode, nous pouvez vérifier si une condition est rencontré et effectuer une action basée sur elle.

Qu'est-ce que componentWillReceiveProps ?

63. 1) composantWillReceiveProps est appelé avant componentWillUpdate dans le cycle de vie de mise à jour de React. tu as raison ça composantWillReceiveProps vous permet d'appeler setState. D'autre part, componentWillUpdate est un rappel à utiliser lorsque vous devez répondre à un changement d'état.

Conseillé: