1
00:00:02,600 --> 00:00:08,300
Um nun das Element zu löschen, das gedrückt wurde, füge ich hier in meiner App-Komponente eine neue Funktion

2
00:00:08,480 --> 00:00:10,790
hinzu, also eine neue Funktion, die ich

3
00:00:11,150 --> 00:00:13,750
in dieser Konstante speichere, und nenne sie Ziel-Handler

4
00:00:13,970 --> 00:00:20,180
entfernen, und hier erwarte ich, die Ziel-ID zu erhalten Als Eingabe, da diese ID es uns ermöglicht, das Element zu

5
00:00:20,180 --> 00:00:22,280
identifizieren, das wir entfernen möchten. Alternativ

6
00:00:22,280 --> 00:00:26,620
könnten wir auch den Index im Array abrufen und dann das Element nach Index

7
00:00:26,630 --> 00:00:32,450
entfernen, aber ich denke, die ID ist noch besser, weil wir eine haben Die ID ist eindeutig auf

8
00:00:32,450 --> 00:00:34,480
jedes Element abgestimmt. Warum sollten

9
00:00:34,750 --> 00:00:40,220
wir sie nicht zum Löschen verwenden? Jetzt können wir hier unsere Kursziele festlegen, da ich natürlich meine

10
00:00:40,220 --> 00:00:45,070
Kursziele aktualisieren möchte und wir erneut ein Update durchführen, das auf unserem basiert Aktuelle Kursziele,

11
00:00:45,080 --> 00:00:47,190
daher verwende ich dieses Funktionsformular hier. Ich

12
00:00:47,240 --> 00:00:50,400
übergebe eine Funktion, eine anonyme Funktion zum Festlegen von Kurszielen.

13
00:00:50,510 --> 00:00:52,610
Dort erhalte ich meinen aktuellen

14
00:00:52,610 --> 00:00:57,890
Status-Snapshot, meine aktuellen Kursziele und im Funktionskörper muss ich die aktualisierten Kursziele zurückgeben.

15
00:00:57,890 --> 00:01:04,490
Für den Fall, dass Sie sich fragen, warum ich hier oben keine geschweiften Klammern habe, verwende ich hier die kürzere Syntax, bei der ich nur

16
00:01:04,490 --> 00:01:06,860
einen Ausdruck habe, den ich zurückgeben möchte, sodass ich

17
00:01:06,860 --> 00:01:10,500
den Funktionskörper und die return-Anweisung weglasse. Hier werde ich eine

18
00:01:10,730 --> 00:01:15,380
etwas längere Anweisung haben, daher möchte ich den Funktionskörper hier zur besseren Lesbarkeit haben,

19
00:01:15,860 --> 00:01:22,430
da ich hier den Filter für aktuelle Ziele zurückgeben werde, da Filter eine in Javascript integrierte Methode ist, die

20
00:01:22,730 --> 00:01:28,940
es uns ermöglicht Um ein neues Array zurückzugeben, liefert filter immer ein neues Array, das auf dem alten

21
00:01:28,940 --> 00:01:32,800
Array basiert, auf dem Sie es aufrufen, gefiltert nach bestimmten Kriterien.

22
00:01:32,840 --> 00:01:39,260
Jetzt werden die Kriterien am Ende mit Hilfe einer Funktion übergeben, die Sie an den Filter übergeben. Diese Funktion, die Sie an den Filter übergeben, erhält das

23
00:01:39,260 --> 00:01:45,540
Ziel, da diese Funktion für jedes Element in dem Array ausgeführt wird, das Sie aufrufen. In diesem Fall wird sie

24
00:01:45,540 --> 00:01:46,490
für jedes

25
00:01:46,490 --> 00:01:52,220
Ziel ausgeführt, das wir im aktuellen Zielarray haben, und daher erhalten wir das Ziel, das es ist läuft

26
00:01:52,220 --> 00:01:57,890
derzeit weiter und jetzt können wir true zurückgeben, wenn wir dieses Element behalten möchten, oder false, wenn wir

27
00:01:57,890 --> 00:02:05,150
es löschen möchten, und true zurückgeben, wenn die ID des Ziels, das wir betrachten, nicht der Ziel-ID entspricht, die wir ' Als Argument,

28
00:02:05,250 --> 00:02:09,560
weil dies die ID des Ziels ist, das wir löschen möchten. Wir möchten also

29
00:02:09,710 --> 00:02:14,750
nur Elemente behalten, bei denen diese IDs nicht übereinstimmen. Wenn sie übereinstimmen, ist dies das Element,

30
00:02:14,750 --> 00:02:16,000
das wir entfernen möchten,

31
00:02:16,070 --> 00:02:19,580
und daher natürlich auch möchte es aus unserem neuen Array löschen.

32
00:02:20,120 --> 00:02:25,820
Dies ist also die Filterlogik, um einen Gegenstand loszuwerden und diesen hier als unseren neuen Zustand zurückzugeben, der

33
00:02:25,820 --> 00:02:27,620
am Ende danach festgelegt wird.

34
00:02:27,620 --> 00:02:35,810
Jetzt können wir den Entfernungshandler mit onDelete verbinden und hier haben wir zwei oder mehrere Optionen, um dies zu tun. Wir können einfach auf den Entfernungsziel-Handler hinzufügen

35
00:02:35,810 --> 00:02:36,760
zeigen, aber

36
00:02:36,830 --> 00:02:42,200
denken Sie daran, dass Sie die ID übergeben müssen. Option Nummer eins ist also, dass Sie die ID hier

37
00:02:42,200 --> 00:02:50,710
auch an das Zielelement weiterleiten, indem Sie einfach auf itemData zeigen. Artikel. ID, weil genau wie jedes Element

38
00:02:50,770 --> 00:02:57,760
einen Wert hat, auch jedes Element hier eine ID hat, weil wir eine ID hinzufügen, wenn wir dort

39
00:02:57,760 --> 00:03:03,260
oben ein Element hinzufügen, und jetzt, da wir die ID an das Zielelement übergeben

40
00:03:03,260 --> 00:03:09,280
und die onDelete-Requisite übergeben An das Zielelement innerhalb des Zielelements, wo wir am Ende onDelete aufrufen

41
00:03:09,280 --> 00:03:14,320
oder wo wir den Handler weiterleiten, auf den onDelete zeigt, können wir dies

42
00:03:14,320 --> 00:03:20,320
auch binden, um ein Standardargument festzulegen, wenn dieses aufgerufen wird, und das Standardargument hier wäre

43
00:03:20,320 --> 00:03:25,900
Requisiten-ID, also die ID, die wir auch erhalten, damit diese ID an onDelete übergeben

44
00:03:25,900 --> 00:03:32,800
wird, wenn sie von einer Presse aufgerufen wird. Das ist Option Nummer eins und es ist die Option, die ich verwenden

45
00:03:32,800 --> 00:03:38,530
werde, aber auch, um Ihnen die andere Option zu zeigen. Die andere Option wäre, dass Sie die ID nicht an das Zielelement

46
00:03:38,530 --> 00:03:44,050
übergeben, sondern hier auf Löschen am Ende den Handler zum Entfernen des Ziels kennen wird ausgeführt und dann können Sie hier

47
00:03:44,080 --> 00:03:50,590
bind this hinzufügen und dann auf itemData zeigen. Artikel. id, das würde auch funktionieren.

48
00:03:51,040 --> 00:03:56,280
Jetzt werde ich dies jedoch rückgängig machen und mit dem Ansatz fortfahren, bei dem sich alle Informationen innerhalb des

49
00:03:56,290 --> 00:04:04,030
Zielelements befinden und wir unsere Funktion mit der ID innerhalb des Zielelements verbinden. Damit sollten wir ein Setup haben, in dem wir

50
00:04:04,030 --> 00:04:06,880
alle unsere Ziele löschen können.

51
00:04:06,910 --> 00:04:13,780
Warten wir also, bis dies neu geladen wird, und testen wir es vielleicht hier unter iOS. Wir möchten React Native lernen und jetzt möchte ich

52
00:04:13,840 --> 00:04:17,830
einen anderen Namen verwenden, damit wir sehen können, ob wir den richtigen gelöscht haben.

53
00:04:17,830 --> 00:04:26,520
Wir wollen alles lernen, wir wollen vielleicht auch wirklich gut in React Native werden und was auch immer es ist und jetzt werde ich tatsächlich auf alles lernen

54
00:04:26,980 --> 00:04:33,790
klicken, um das zu löschen und das scheint zu funktionieren. Hier lernen Sie React Native

55
00:04:34,060 --> 00:04:35,710
und

56
00:04:35,710 --> 00:04:40,720
jetzt den letzten. Ich werde es hier und auch

57
00:04:40,750 --> 00:04:47,440
ohne Fehler löschen, daher scheint dies gut zu funktionieren. In diesem Fall löschen wir Elemente mithilfe von berührbarer, berührbarer

58
00:04:47,440 --> 00:04:54,700
Deckkraft, mit deren Hilfe Sie Ereignisse wie onPress für jede Komponente registrieren können oder auf allen Komponenten, die Sie benötigen.