Maison  >  Article  >  interface Web  >  Quelle est la différence entre les accessoires et l'état en réaction ?

Quelle est la différence entre les accessoires et l'état en réaction ?

coldplay.xixi
coldplay.xixioriginal
2020-11-17 13:57:562266parcourir

La différence entre les accessoires et l'état dans React : 1. Les accessoires sont principalement utilisés pour transférer des paramètres entre les composants et obtenir les valeurs d'attribut​​des composants. Les valeurs d'attribut​​des composants externes ne peuvent pas être. directement modifiés, et ils sont en lecture seule ; 2. L'état est principalement utilisé pour le contrôle de mise à jour des composants. Si vous souhaitez restituer ou mettre à jour un composant, il vous suffit de modifier l'état.

Quelle est la différence entre les accessoires et l'état en réaction ?

La différence entre les accessoires et l'état en réaction :

<code><strong>props</strong>props

est principalement utilisé pour transmettre des paramètres entre les composants et obtenir les valeurs d'attribut​​des composants. Les données circulent entre les composants dans une seule direction, du composant parent au composant enfant.

La valeur de la propriété du composant externe/parent ne peut pas être modifiée directement, elle est en lecture seule.

<strong>state</strong>

state

est principalement utilisé pour le contrôle de mise à jour des composants. Si vous souhaitez restituer ou mettre à jour le composant, il vous suffit de le faire. modifier l'état, puis en fonction de l'état spécifiquement modifié,

restitue l'interface utilisateur (pas besoin d'exploiter les objets DOM

données au sein de ce composant données d'unité/structure relativement fermées

par exemple

getInitialState Création du composant LikeButton. La méthode this.setState est utilisée pour définir l'état initial, qui est un objet qui peut être lu via la propriété this.state. Lorsque l'utilisateur clique sur le composant, provoquant le changement d'état, la méthode this.render modifie la valeur de l'état. Après chaque modification, la méthode

est automatiquement appelée pour restituer à nouveau le composant

. Recommandations d'apprentissage gratuites associées : JavaScript

(vidéo)

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