Maison >interface Web >js tutoriel >Quelle est la différence entre les accessoires et l'état dans React ?

Quelle est la différence entre les accessoires et l'état dans React ?

青灯夜游
青灯夜游original
2020-11-12 17:05:143571parcourir

Différence : 1. Les accessoires sont passés au composant (similaire aux paramètres formels d'une fonction), tandis que l'état est géré par le composant lui-même à l'intérieur du composant (similaire à une variable déclarée dans une fonction 2) ; . Les accessoires ne peuvent pas être modifiés, mais l'état est modifiable et peut être modifié.

Quelle est la différence entre les accessoires et l'état dans React ?

(Recommandations associées : Tutoriel vidéo React)

Développement de composants React, que nous utilisons le plus couramment Les deux éléments qui provoquent le rendu des composants peuvent être l'état et les accessoires, alors quelle est la différence entre eux ?

props :

  • props : Les accessoires du composant de fonction sont les composants de paramètre d'entrée de la fonction
  • Composant de classe : this.props contient les accessoires appelés ou défini par le composant

état :

  • L'état du composant contient des données qui peuvent changer à tout moment.
  • l'état est défini par l'utilisateur et est un objet JavaScript ordinaire

Différence :

  • les accessoires sont transmis au composant (similaire à paramètres formels de la fonction), et l'état est géré à l'intérieur du composant par le composant lui-même (similaire aux variables déclarées dans une fonction)

  • les accessoires ne peuvent pas être modifiés, tous les composants React doivent protéger leurs les accessoires ne sont pas modifiés comme des fonctions pures

  • l'état est créé dans le composant, généralement initialisé dans l'état du constructeur

  • L'état est modifiable et peut être modifié. Chaque setState est mis à jour de manière asynchrone

Pour plus de connaissances liées à la programmation, veuillez visiter : Cours d'apprentissage en programmation ! !

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn