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 ?

青灯夜游
Libérer: 2020-11-12 17:05:14
original
3573 Les gens l'ont consulté

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal