1
00:00:02,180 --> 00:00:04,700
L'État est un concept crucial pour réagir.

2
00:00:05,060 --> 00:00:10,820
Et avec nos connaissances sur l'état, nous pouvons maintenant également nous assurer que nous ne créons pas seulement un objectif factice, mais

3
00:00:10,940 --> 00:00:13,640
que nous reflétons réellement la véritable entrée de l'utilisateur.

4
00:00:14,060 --> 00:00:15,740
Donc pour cela, revenons à un nouvel objectif.

5
00:00:16,280 --> 00:00:24,860
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

6
00:00:24,860 --> 00:00:32,300
transmettons cette valeur entrée aux accessoires de l'objectif de l'annonce ou à notre nouvel objectif ici au lieu de ce texte

7
00:00:32,300 --> 00:00:36,170
factice codé en dur que nous avons en ce moment.

8
00:00:36,950 --> 00:00:37,750
Alors voilà.

9
00:00:37,880 --> 00:00:43,610
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

10
00:00:43,610 --> 00:00:44,090
objectif.

11
00:00:44,840 --> 00:00:54,470
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.

12
00:00:55,280 --> 00:00:58,520
Et ici, en entrée, ils sont en fait définis sur l'événement de changement.

13
00:00:58,580 --> 00:01:00,740
Nous pouvons écouter ce qui est tiré et chaque frappe.

14
00:01:01,310 --> 00:01:02,570
Alors maintenant, nous pouvons ajouter une fonction.

15
00:01:05,330 --> 00:01:07,240
Gestionnaire de changement de texte.

16
00:01:08,220 --> 00:01:14,400
Là, nous obtiendrons un objet événement et cet objet événement contiendra l'entrée utilisateur sur l'événement.

17
00:01:15,470 --> 00:01:21,080
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 à

18
00:01:21,080 --> 00:01:21,620
cela.

19
00:01:23,440 --> 00:01:26,410
Maintenant, entrez le texte changera à chaque pression de touche.

20
00:01:26,620 --> 00:01:30,730
Une fois que nous lions le changement au gestionnaire de changement de texte comme celui-ci.

21
00:01:32,720 --> 00:01:37,790
Maintenant, ici dans un nouvel objectif, nous pouvons utiliser la saisie de texte.

22
00:01:37,880 --> 00:01:39,160
Alors quoi, l'utilisateur est entré ici?

23
00:01:40,150 --> 00:01:45,900
Et par la suite, laissez toute la console verrouillée et vous allez ici afin que nous puissions voir que cela

24
00:01:45,900 --> 00:01:50,310
fonctionne, si nous sécurisons maintenant et j'entre test ici et je clique sur objectif.

25
00:01:50,910 --> 00:01:52,890
Nous voyons que cela fonctionne et ceci est affiché ici.

26
00:01:54,050 --> 00:01:58,490
Cette approche est généralement bien, mais elle peut avoir un petit défaut.

27
00:01:58,850 --> 00:02:01,430
Et si nous voulons réinitialiser cela après avoir ajouté un nouvel objectif?

28
00:02:01,970 --> 00:02:04,340
Bien sûr, nous pouvons aller à notre.

29
00:02:05,540 --> 00:02:06,560
Gestionnaire d'or.

30
00:02:08,470 --> 00:02:12,490
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.

31
00:02:13,330 --> 00:02:14,800
Mais bien sûr, cela ne fera rien.

32
00:02:15,280 --> 00:02:18,640
Si je suis entré dans son objectif, vous voyez, cela ne se reflète pas ici.

33
00:02:18,700 --> 00:02:19,960
Pourquoi ne se reflète-t-il pas?

34
00:02:20,470 --> 00:02:22,410
Parce que le nouveau composant d'or n'a pas été rendu.

35
00:02:22,510 --> 00:02:24,170
Ce n'est pas l'état que nous gérons.

36
00:02:24,190 --> 00:02:25,540
Il s'agit d'une variable régulière.

37
00:02:25,600 --> 00:02:27,040
Alors, bien sûr, nous pouvons le changer.

38
00:02:27,280 --> 00:02:28,930
Bien sûr, nous pouvons utiliser pour modifier la valeur.

39
00:02:29,230 --> 00:02:31,480
Mais si nous lui attribuons alors une nouvelle valeur.

40
00:02:31,900 --> 00:02:37,150
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.

41
00:02:37,480 --> 00:02:42,040
Il ne sait pas qu'il doit refléter la valeur actuelle stockée et entré le texte.

42
00:02:42,850 --> 00:02:47,260
Nous pouvons maintenant dire au composant d'entrée qu'il doit le faire en liant sa valeur prop.

43
00:02:47,710 --> 00:02:52,390
Nous pouvons le lier au texte entré et avec papa, nous disons au composant d'entrée.

44
00:02:52,600 --> 00:02:58,300
Hé, la valeur affichée dans l'entrée doit être dévaluée, stockée et entrée.

45
00:02:58,330 --> 00:02:58,870
Texte.

46
00:02:59,840 --> 00:03:02,540
Si nous le faisons, nous saurons quelque chose de nouveau.

47
00:03:03,140 --> 00:03:07,430
Maintenant, nous ne pouvons plus taper là, si je tape ici, l'entrée n'est pas reflétée.

48
00:03:08,000 --> 00:03:10,190
Maintenant, si vous y réfléchissez, cela a du sens.

49
00:03:10,660 --> 00:03:16,010
Lorsque vous dites à Reactance que l'entrée doit être rendue de manière à ce que la valeur soit à saisir, au

50
00:03:16,460 --> 00:03:21,220
texte à chaque frappe que nous changeons, saisissez du texte, mais saisissez du texte n'est pas un état.

51
00:03:21,230 --> 00:03:22,400
C'est une variable régulière.

52
00:03:22,850 --> 00:03:28,250
Cela signifie donc que nous changeons la variable à chaque frappe, mais que nous réagissons mille fois en réécrivant le

53
00:03:28,250 --> 00:03:28,790
composant d'entrée.

54
00:03:28,880 --> 00:03:34,910
Il ne reflète pas la valeur mise à jour pour réagir, dévalue toujours comme une chaîne vide car c'était

55
00:03:34,910 --> 00:03:40,460
la dernière fois qu'il rendait ce composant et Delford déchargeait le code X et donc comme entrée.

56
00:03:41,180 --> 00:03:46,220
Nous devons donc dire à réagir qu'il s'agit d'un état et que lorsqu'il change, il doit restituer notre code

57
00:03:46,220 --> 00:03:47,090
J en X.

58
00:03:47,990 --> 00:03:54,890
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

59
00:03:54,890 --> 00:04:00,080
déclarez être une chaîne vide initialement ou avoir une chaîne vide initialement ici parce que je gère

60
00:04:00,080 --> 00:04:01,030
mon texte entré.

61
00:04:01,370 --> 00:04:06,250
Et le second élément est une fonction de mise à jour de l'état qui appellera donc set text saisi.

62
00:04:07,400 --> 00:04:14,690
Et maintenant, ici, à chaque frappe, je règle le texte saisi pour dévaluer la valeur cible d'un événement.

63
00:04:15,050 --> 00:04:20,240
Et ici, nous n'avons pas besoin de cette fonction de mise à jour de l'état, car nous avons une toute nouvelle valeur

64
00:04:20,240 --> 00:04:22,160
qui ne dépend pas de l'état précédent.

65
00:04:22,430 --> 00:04:25,010
Nous pouvons donc simplement mettre à jour pour définir comme ceci.

66
00:04:25,940 --> 00:04:27,410
Et maintenant, ça le sera.

67
00:04:28,880 --> 00:04:35,330
Rendez ce composant chaque fois que vous tapez, chaque fois que vous appelez set, entrez toujours à chaque frappe, ce qui semble

68
00:04:35,360 --> 00:04:37,010
horrible mais qui est génial.

69
00:04:37,130 --> 00:04:37,550
Réagir.

70
00:04:37,550 --> 00:04:43,850
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.

71
00:04:44,480 --> 00:04:51,230
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

72
00:04:51,440 --> 00:04:53,570
texte et le redéfinir sur une chaîne vide.

73
00:04:54,280 --> 00:04:56,960
Et avec cela, nous avons maintenant le meilleur des deux mondes.

74
00:04:56,990 --> 00:04:59,300
Nous pouvons entrer ici quelque chose qui fonctionne.

75
00:04:59,570 --> 00:05:05,690
Mais nous pouvons également le manipuler et le réinitialiser après avoir ajouté un nouvel objectif comme celui-ci.

76
00:05:06,590 --> 00:05:09,980
C'est donc maintenant et jamais un cas d'utilisation pour la gestion de l'État.

77
00:05:10,100 --> 00:05:13,340
Et bien sûr, il existe de nombreux cas d'utilisation dans notre application REACT.

78
00:05:13,940 --> 00:05:20,840
Et ici, nous utilisons la gestion des états pour créer quelque chose qui est aussi parfois appelé way way où la liaison

79
00:05:21,290 --> 00:05:27,020
de la valeur de l'entrée et à chaque frappe que nous mettons à jour à la valeur, que

80
00:05:27,020 --> 00:05:32,660
nous lions ensuite à l'entrée afin que nous reflétions toujours le dernière valeur à l'intérieur de l'entrée.

81
00:05:32,990 --> 00:05:36,560
Mais nous sommes également capables de gérer cela d'une manière dirigée par l'État.

82
00:05:36,770 --> 00:05:42,350
Alors avons-nous tous une chance de manipuler la valeur de l'intérieur de notre code ici et de refléter cela dans

83
00:05:42,620 --> 00:05:43,910
l'entrée dans ce cas?

84
00:05:45,090 --> 00:05:50,550
Avec cela, nous avons un autre scénario de gestion de l'État et nous sommes maintenant en mesure d'ajouter nos propres objectifs.