Le suivi de l`état d`une application est la façon dont une application à page unique (SAP) enregistre les modifications et les signale à l`utilisateur. Contrairement à un template framework, view, controller (MVC), SAP ne redirige pas l`utilisateur et a donc besoin d`un moyen de gérer les changements à venir côté client. Pour passer en revue les frameworks MVC, reportez-vous à ce guide .
Dans React, les composants eux-mêmes peuvent gérer leur propre état et réapparaître en conséquence. Cela se fait par des méthodes de cycle de vie, qui sont discutées en profondeur ici. Pour les besoins de cet article, nous verrons comment modifier les états à l`aide de setState.
Ce guide suppose une certaine connaissance de base de React. Pour revoir ou apprendre les bases de React, cet article répertorie certaines des meilleures ressources d`apprentissage de React.
Qu`est-ce que React setState ?
La méthode React setState revient à changer l`état d`un composant avec stabilité. Il existe quelques règles spécifiques pour changer de statut dans React.
- setState ne peut pas être appelé dans un composant de classe. Les composants de la classe appellent la méthode constructeur ()
et définissent un état initial. Ensuite, nous pouvons changer l`état plus bas en appelant setState.
Il existe deux types de composants différents dans React. C`est le composant fonctionnel et le composant de classe. Pour nos besoins, nous ne parlons que des composants de la classe. Pour un examen plus approfondi, consultez cet article sur les différences entre les composants fonctionnels et de classe. - En appelant uniquement setState dans un composant de classe, nous pouvons directement faire référence au composant lui-même en utilisant le mot-clé this. L`appel de
this.setState ()
est la meilleure pratique et garantit que votre code ne se cassera pas. - Ne modifiez pas le statut directement. Le changement d`état direct ne sera pas enregistré sur React to Spawning. L`intérêt du changement d`état est de déclencher une nouvelle interprétation de ce composant pour refléter les modifications apportées à l`utilisateur.