L'État est un concept crucial et il faut réagir, et il est donc important pour moi que vous compreniez comment cela
fonctionne.
U. S. l'état est la façon dont vous gérez l'état et les composants fonctionnels et votre état peut être n'importe quoi.
Il n'est pas nécessaire que ce soit un tableau.
Cela pourrait être du texte, un nombre, un objet, un tableau, un booléen, quelque chose comme ça.
Utiliser l'état renvoie toujours un tableau avec deux éléments.
Quel que soit votre statut, si votre état est un état sans utilisation, il renvoie toujours un tableau avec exactement deux
éléments.
Parce que le premier élément est alors toujours votre dernier instantané d'état.
Et le deuxième élément est une fonction qui vous permet de mettre à jour cet instantané d'état chaque fois que vous mettez
à jour l'instantané d'état.
React fera deux choses.
Il mettra à jour ces données d'état stockées en interne.
Ainsi, par exemple, ici, lorsque nous ajoutons notre premier nouvel objectif, il remplacera l'état initial par notre tout
nouvel état.
Dans ce cas, avec la toute nouvelle gamme que nous avons créée avec Concat.
Et une fois qu'il a mis à jour les données en interne, il appellera à nouveau cette fonction de composant et exécutera
la fonction entière.
Et donc tout le rendu a rendu ce J en code X.
Maintenant sous le capot, il ne restituera pas tout le dom.
Il vérifiera simplement quelles parties du DOM doivent être mises à jour, mais il réévaluera l'ensemble du composant.
Cela signifie également, bien sûr, qu'il ré-exécute l'état d'utilisation, mais que l'état d'utilisation fonctionne en interne de telle sorte qu'il n'initialise
un état stable que lorsque le composant est rendu pour la première fois et pour un recyclage
ultérieur de Rehren.
Il extrait simplement l'instantané du dernier état et ignore essentiellement la valeur initiale que nous avons définie ici.
Voilà comment fonctionne un État.
Maintenant, il est important de comprendre que cette façon de mettre à jour notre propriété dans ce scénario n'est pas
la meilleure façon possible.
Donc dupliqué et commenté.
Nous l'avons donc toujours comme référence.
Mais nous voyons également la meilleure approche.
Cette approche fonctionne clairement.
Et dans la plupart des cas, cela fonctionnera.
Mais vous devez être conscient que toute cette mise à jour de l'état rend une partie de React.
N'est-ce pas la fin gérée par réagir.
Et lorsque vous avez un élément et que vous déclarez que cela ne met pas tout en pause et que vous entrez de nouveau immédiatement dans votre application.
Au lieu de cela, il est prévu de mettre à jour l'état.
Et si vous avez une application avec beaucoup de mises à jour d'état en cours et beaucoup de travail en
cours, ce qui n'est pas le cas et fait une application mais peut être le cas et d'autres applications, votre mise
à jour d'état peut être différée de quelques millisecondes.
Cela signifie qu'en fait, si un utilisateur clique, ajoute de l'or plusieurs fois, le noyau de Skold, qui est actuellement affiché à
l'écran, peut ne pas être notre dernier état car toutes les mises à jour d'état n'ont pas encore
été traitées.
Par conséquent, il existe une meilleure forme de mise à jour au lieu de transmettre nos nouvelles données d'état pour définir les objectifs du
cours.
Vous pouvez transmettre une fonction pour définir des objectifs de cours, une fonction qui reçoit les derniers objectifs de cours préférés de
l'État et doit renvoyer un nouvel instantané d'état et bien réagir.
Planifiez ensuite tous ces appels de fonction et vous garantissez qu'ils sont exécutés dans le bon ordre de sorte
que même si une mise à jour d'état a été différée au moment où la mise à jour s'exécute, il vous
garantit également le premier exécuté.
Et puis ici, vous auriez simplement Darfor pour le retour de l'or, bien sûr, ce qui n'est toujours pas un nouvel objectif de Ray
Concat.
Il donnera le même résultat que précédemment dans cette application.
Et dans cette application simple, cette approche aurait été très bien.
Il n'y a pratiquement aucune chance de réagir, différant les mises à jour si longtemps que nous nous retrouverions avec un état
incorrect.
Mais c'est l'approche à toute épreuve qui fonctionnera toujours.
Vous n'en avez besoin que si la mise à jour de votre état dépend des données de l'état précédent, comme on le fait.
Si votre mise à jour d'état est une nouvelle donnée, qui ne dépend pas de l'état précédent, vous pouvez toujours
utiliser en toute sécurité ce formulaire non fonctionnel.
Et voici une note latérale, car, bien sûr, tout le raccourcissement tire parti de la syntaxe
de la fonction eral et se débarrasse de l'instruction de retour aux accolades.
Puisque nous n'avons qu'une seule expression que nous retournons immédiatement.
Alors maintenant, avec cette annonce, Brooks a demandé auparavant, mais c'est une approche un peu plus sûre et il a recommandé une
approche.
Si votre mise à jour d'état dépend de l'état précédent.