1
00:00:02,600 --> 00:00:08,300
Maintenant, pour supprimer l'élément sur lequel j'ai appuyé, j'ajouterai une nouvelle fonction ici dans mon composant d'application, donc une nouvelle

2
00:00:08,480 --> 00:00:10,790
fonction que je stocke dans cette constante et

3
00:00:11,150 --> 00:00:13,750
je la nommerai supprimer le gestionnaire d'objectif et ici

4
00:00:13,970 --> 00:00:20,180
je m'attends à obtenir l'ID d'objectif en entrée parce que cet ID nous permet d'identifier l'élément que nous voulons supprimer, comme alternative,

5
00:00:20,180 --> 00:00:22,280
nous pourrions également obtenir l'index dans le

6
00:00:22,280 --> 00:00:26,620
tableau puis supprimer l'élément par index mais je pense que l'ID est encore meilleur parce

7
00:00:26,630 --> 00:00:32,450
que nous avons un L'ID correspond clairement à chaque élément, pourquoi ne l'utiliserions-nous pas pour le supprimer et maintenant ici, nous

8
00:00:32,450 --> 00:00:34,480
pouvons définir nos objectifs de cours

9
00:00:34,750 --> 00:00:40,220
parce que bien sûr, je veux mettre à jour mes objectifs de cours et encore une fois, nous faisons

10
00:00:40,220 --> 00:00:45,070
une mise à jour qui est basée sur notre objectifs actuels du cours, je vais donc utiliser

11
00:00:45,080 --> 00:00:47,190
ce formulaire de fonction ici, je passe

12
00:00:47,240 --> 00:00:50,400
une fonction, une fonction anonyme pour définir les objectifs du cours.

13
00:00:50,510 --> 00:00:52,610
Là, je reçois mon instantané d'état actuel, mes

14
00:00:52,610 --> 00:00:57,890
objectifs de cours actuels et dans le corps de la fonction, je dois retourner les objectifs de cours mis à jour.

15
00:00:57,890 --> 00:01:04,490
Maintenant, au cas où vous vous demandez pourquoi je n'ai pas d'accolades ici, j'utilise ici la syntaxe la plus courte où je n'ai qu'une seule

16
00:01:04,490 --> 00:01:06,860
expression que je veux retourner, donc j'omet le corps

17
00:01:06,860 --> 00:01:10,500
de la fonction et l'instruction return. Ici, je vais avoir un

18
00:01:10,730 --> 00:01:15,380
peu d'une déclaration plus longue, donc je veux avoir le corps de la fonction ici

19
00:01:15,860 --> 00:01:22,430
pour plus de lisibilité car ici, je vais retourner le filtre des objectifs actuels car le filtre est une méthode intégrée

20
00:01:22,730 --> 00:01:28,940
intégrée à Javascript qui nous permet pour renvoyer un nouveau tableau, filter produit toujours un nouveau tableau qui est basé

21
00:01:28,940 --> 00:01:32,800
sur l'ancien tableau sur lequel vous l'appelez filtré par un certain critère.

22
00:01:32,840 --> 00:01:39,260
Maintenant, les critères sont finalement passés à l'aide d'une fonction que vous passez pour filtrer. Cette fonction que vous transmettez pour filtrer obtient l'objectif car

23
00:01:39,260 --> 00:01:45,540
cette fonction s'exécute sur chaque élément du tableau que vous l'appelez, donc dans ce cas, elle s'exécute sur chaque objectif que

24
00:01:45,540 --> 00:01:46,490
nous avons dans

25
00:01:46,490 --> 00:01:51,800
le tableau d'objectifs actuel et donc nous obtenons cet objectif c'est actuellement en cours d'exécution et maintenant

26
00:01:51,800 --> 00:01:52,220
nous

27
00:01:52,220 --> 00:01:57,890
pouvons retourner vrai si nous voulons garder cet élément ou faux si nous voulons le supprimer et nous

28
00:01:57,890 --> 00:02:05,150
voulons retourner vrai si l'ID de l'objectif que nous regardons n'est pas égal à l'ID d'objectif que nous ' re obtenir comme argument parce

29
00:02:05,250 --> 00:02:09,560
que c'est l'ID de l'objectif que nous voulons supprimer, donc nous voulons seulement garder

30
00:02:09,710 --> 00:02:14,750
les éléments où ces ID ne correspondent pas, car s'ils correspondent, alors c'est l'élément dont nous

31
00:02:14,750 --> 00:02:16,000
voulons nous débarrasser et

32
00:02:16,070 --> 00:02:19,580
donc nous bien sûr voulez le supprimer de notre nouveau tableau.

33
00:02:20,120 --> 00:02:25,820
C'est donc la logique du filtre pour se débarrasser d'un élément et le renvoyer ici comme notre nouvel état qui

34
00:02:25,820 --> 00:02:27,620
est finalement défini par la suite.

35
00:02:27,620 --> 00:02:35,810
Maintenant, nous pouvons connecter le gestionnaire de suppression à onDelete et maintenant nous avons deux options ou plusieurs options pour le faire, nous pouvons simplement pointer ajouter le gestionnaire de

36
00:02:35,810 --> 00:02:36,760
but de suppression,

37
00:02:36,830 --> 00:02:42,200
mais gardez à l'esprit que vous devez transmettre l'ID. Donc, l'option numéro un est que vous transmettez

38
00:02:42,200 --> 00:02:50,710
également l'ID ici à l'élément d'objectif en pointant simplement itemData. article. id parce que tout comme chaque élément

39
00:02:50,770 --> 00:02:57,760
a une valeur, chaque élément ici a également un ID parce que nous ajoutons un ID lorsque nous ajoutons

40
00:02:57,760 --> 00:03:03,260
un élément là-haut et maintenant depuis que nous transmettons l'ID à l'élément d'objectif et nous

41
00:03:03,260 --> 00:03:09,280
passons l'hélice onDelete à l'élément d'objectif, à l'intérieur de l'élément d'objectif, ici où nous appelons onDelete à

42
00:03:09,280 --> 00:03:14,320
la fin ou où nous transmettons le gestionnaire onDelete pointe à onPress, nous

43
00:03:14,320 --> 00:03:20,320
pouvons également le lier pour définir un argument par défaut lors de l'appel et l'argument par défaut

44
00:03:20,320 --> 00:03:25,900
ici serait l'ID d'accessoires, donc l'ID que nous obtenons également pour que cet ID soit

45
00:03:25,900 --> 00:03:32,800
transmis à onDelete lorsqu'il est appelé par une presse. C'est l'option numéro un et c'est l'option que j'utiliserai mais aussi pour

46
00:03:32,800 --> 00:03:38,530
vous montrer l'autre option, l'autre option serait que vous ne passiez pas l'ID à l'élément d'objectif mais à la place

47
00:03:38,530 --> 00:03:44,050
ici onDelete, vous savez à la fin le gestionnaire de suppression d'objectif sera exécuté, puis ici, vous pouvez ajouter

48
00:03:44,080 --> 00:03:50,590
lier ceci puis pointer cet élémentData. article. id, cela fonctionnerait aussi.

49
00:03:51,040 --> 00:03:56,280
Maintenant, je reviendrai sur cela et je continuerai avec l'approche où toutes les informations se trouvent à l'intérieur de

50
00:03:56,290 --> 00:04:04,030
l'élément d'objectif et nous connectons notre fonction avec l'ID de l'intérieur de l'élément d'objectif. Maintenant, avec cela, nous devrions avoir une configuration où

51
00:04:04,030 --> 00:04:06,880
nous pouvons tous supprimer nos objectifs.

52
00:04:06,910 --> 00:04:13,780
Attendons donc que cela se recharge et testons-le peut-être ici sur iOS, nous voulons apprendre React Native et maintenant je veux utiliser un

53
00:04:13,840 --> 00:04:17,830
nom différent, afin que nous puissions voir si nous avons supprimé le bon.

54
00:04:17,830 --> 00:04:26,520
Nous voulons tout apprendre, nous voulons peut-être aussi devenir vraiment bons à React Native et quoi que ce soit et maintenant je vais en fait cliquer

55
00:04:26,980 --> 00:04:33,790
sur tout apprendre pour supprimer cela et cela semble fonctionner. Ici, découvrez React Native

56
00:04:34,060 --> 00:04:35,710
et

57
00:04:35,710 --> 00:04:40,720
maintenant le dernier. Je vais le supprimer et aussi sans

58
00:04:40,750 --> 00:04:47,440
aucune erreur ici, donc cela semble fonctionner correctement et avec cela, nous supprimons les éléments à l'aide de l'opacité tactile, tactile dans

59
00:04:47,440 --> 00:04:54,700
ce cas qui vous aide à enregistrer des événements, comme onPress, sur n'importe quel composant ou sur tous les composants dont vous avez besoin.