L'État est un concept crucial pour réagir.
Et avec nos connaissances sur l'état, nous pouvons maintenant également nous assurer que nous ne créons pas seulement un objectif factice, mais
que nous reflétons réellement la véritable entrée de l'utilisateur.
Donc pour cela, revenons à un nouvel objectif.
Que voulez-vous faire, nous voulons stocker l'entrée utilisateur dans une variable à chaque frappe afin que nous ayons la dernière valeur entrée par l'utilisateur, puis
transmettons cette valeur entrée aux accessoires de l'objectif de l'annonce ou à notre nouvel objectif ici au lieu de ce texte
factice codé en dur que nous avons en ce moment.
Alors voilà.
Je veux capturer l'entrée utilisateur ici et l'envoyer au lieu de mon dur aller au texte ici dans le cadre du nouvel
objectif.
Nous pourrions donc créer une variable ici, une entrée utilisateur ou un texte entré peut-être, qui est une chaîne vide au départ.
Et ici, en entrée, ils sont en fait définis sur l'événement de changement.
Nous pouvons écouter ce qui est tiré et chaque frappe.
Alors maintenant, nous pouvons ajouter une fonction.
Gestionnaire de changement de texte.
Là, nous obtiendrons un objet événement et cet objet événement contiendra l'entrée utilisateur sur l'événement.
Cible, qui fait référence à l'élément d'entrée, la valeur du point, et donc nous pourrions définir un texte d'entrée égal à
cela.
Maintenant, entrez le texte changera à chaque pression de touche.
Une fois que nous lions le changement au gestionnaire de changement de texte comme celui-ci.
Maintenant, ici dans un nouvel objectif, nous pouvons utiliser la saisie de texte.
Alors quoi, l'utilisateur est entré ici?
Et par la suite, laissez toute la console verrouillée et vous allez ici afin que nous puissions voir que cela
fonctionne, si nous sécurisons maintenant et j'entre test ici et je clique sur objectif.
Nous voyons que cela fonctionne et ceci est affiché ici.
Cette approche est généralement bien, mais elle peut avoir un petit défaut.
Et si nous voulons réinitialiser cela après avoir ajouté un nouvel objectif?
Bien sûr, nous pouvons aller à notre.
Gestionnaire d'or.
Et une fois que nous avons créé le nouvel objectif, nous pouvons, bien sûr, redéfinir la saisie de texte sur une chaîne vide.
Mais bien sûr, cela ne fera rien.
Si je suis entré dans son objectif, vous voyez, cela ne se reflète pas ici.
Pourquoi ne se reflète-t-il pas?
Parce que le nouveau composant d'or n'a pas été rendu.
Ce n'est pas l'état que nous gérons.
Il s'agit d'une variable régulière.
Alors, bien sûr, nous pouvons le changer.
Bien sûr, nous pouvons utiliser pour modifier la valeur.
Mais si nous lui attribuons alors une nouvelle valeur.
Cela n'est pas reflété dans notre entrée car cette entrée n'a qu'une connexion avec le gestionnaire de changement de texte.
Il ne sait pas qu'il doit refléter la valeur actuelle stockée et entré le texte.
Nous pouvons maintenant dire au composant d'entrée qu'il doit le faire en liant sa valeur prop.
Nous pouvons le lier au texte entré et avec papa, nous disons au composant d'entrée.
Hé, la valeur affichée dans l'entrée doit être dévaluée, stockée et entrée.
Texte.
Si nous le faisons, nous saurons quelque chose de nouveau.
Maintenant, nous ne pouvons plus taper là, si je tape ici, l'entrée n'est pas reflétée.
Maintenant, si vous y réfléchissez, cela a du sens.
Lorsque vous dites à Reactance que l'entrée doit être rendue de manière à ce que la valeur soit à saisir, au
texte à chaque frappe que nous changeons, saisissez du texte, mais saisissez du texte n'est pas un état.
C'est une variable régulière.
Cela signifie donc que nous changeons la variable à chaque frappe, mais que nous réagissons mille fois en réécrivant le
composant d'entrée.
Il ne reflète pas la valeur mise à jour pour réagir, dévalue toujours comme une chaîne vide car c'était
la dernière fois qu'il rendait ce composant et Delford déchargeait le code X et donc comme entrée.
Nous devons donc dire à réagir qu'il s'agit d'un état et que lorsqu'il change, il doit restituer notre code
J en X.
Encore une fois, nous pouvons vous importer ici en tant qu'état et convertir l'entrée en texte en utilisant déjà la structuration ici et vous
déclarez être une chaîne vide initialement ou avoir une chaîne vide initialement ici parce que je gère
mon texte entré.
Et le second élément est une fonction de mise à jour de l'état qui appellera donc set text saisi.
Et maintenant, ici, à chaque frappe, je règle le texte saisi pour dévaluer la valeur cible d'un événement.
Et ici, nous n'avons pas besoin de cette fonction de mise à jour de l'état, car nous avons une toute nouvelle valeur
qui ne dépend pas de l'état précédent.
Nous pouvons donc simplement mettre à jour pour définir comme ceci.
Et maintenant, ça le sera.
Rendez ce composant chaque fois que vous tapez, chaque fois que vous appelez set, entrez toujours à chaque frappe, ce qui semble
horrible mais qui est génial.
Réagir.
Nous le ferons d'une manière très efficace et donc cette dernière valeur sera reflétée sur l'élément d'entrée.
Et ici, dans ADCO Handler, si nous voulons le mettre à jour, le saisir, le texte et le réinitialiser, nous pouvons définir le rappel, définir, saisir du
texte et le redéfinir sur une chaîne vide.
Et avec cela, nous avons maintenant le meilleur des deux mondes.
Nous pouvons entrer ici quelque chose qui fonctionne.
Mais nous pouvons également le manipuler et le réinitialiser après avoir ajouté un nouvel objectif comme celui-ci.
C'est donc maintenant et jamais un cas d'utilisation pour la gestion de l'État.
Et bien sûr, il existe de nombreux cas d'utilisation dans notre application REACT.
Et ici, nous utilisons la gestion des états pour créer quelque chose qui est aussi parfois appelé way way où la liaison
de la valeur de l'entrée et à chaque frappe que nous mettons à jour à la valeur, que
nous lions ensuite à l'entrée afin que nous reflétions toujours le dernière valeur à l'intérieur de l'entrée.
Mais nous sommes également capables de gérer cela d'une manière dirigée par l'État.
Alors avons-nous tous une chance de manipuler la valeur de l'intérieur de notre code ici et de refléter cela dans
l'entrée dans ce cas?
Avec cela, nous avons un autre scénario de gestion de l'État et nous sommes maintenant en mesure d'ajouter nos propres objectifs.