Um nun das Element zu löschen, das gedrückt wurde, füge ich hier in meiner App-Komponente eine neue Funktion
hinzu, also eine neue Funktion, die ich
in dieser Konstante speichere, und nenne sie Ziel-Handler
entfernen, und hier erwarte ich, die Ziel-ID zu erhalten Als Eingabe, da diese ID es uns ermöglicht, das Element zu
identifizieren, das wir entfernen möchten. Alternativ
könnten wir auch den Index im Array abrufen und dann das Element nach Index
entfernen, aber ich denke, die ID ist noch besser, weil wir eine haben Die ID ist eindeutig auf
jedes Element abgestimmt. Warum sollten
wir sie nicht zum Löschen verwenden? Jetzt können wir hier unsere Kursziele festlegen, da ich natürlich meine
Kursziele aktualisieren möchte und wir erneut ein Update durchführen, das auf unserem basiert Aktuelle Kursziele,
daher verwende ich dieses Funktionsformular hier. Ich
übergebe eine Funktion, eine anonyme Funktion zum Festlegen von Kurszielen.
Dort erhalte ich meinen aktuellen
Status-Snapshot, meine aktuellen Kursziele und im Funktionskörper muss ich die aktualisierten Kursziele zurückgeben.
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
einen Ausdruck habe, den ich zurückgeben möchte, sodass ich
den Funktionskörper und die return-Anweisung weglasse. Hier werde ich eine
etwas längere Anweisung haben, daher möchte ich den Funktionskörper hier zur besseren Lesbarkeit haben,
da ich hier den Filter für aktuelle Ziele zurückgeben werde, da Filter eine in Javascript integrierte Methode ist, die
es uns ermöglicht Um ein neues Array zurückzugeben, liefert filter immer ein neues Array, das auf dem alten
Array basiert, auf dem Sie es aufrufen, gefiltert nach bestimmten Kriterien.
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
Ziel, da diese Funktion für jedes Element in dem Array ausgeführt wird, das Sie aufrufen. In diesem Fall wird sie
für jedes
Ziel ausgeführt, das wir im aktuellen Zielarray haben, und daher erhalten wir das Ziel, das es ist läuft
derzeit weiter und jetzt können wir true zurückgeben, wenn wir dieses Element behalten möchten, oder false, wenn wir
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,
weil dies die ID des Ziels ist, das wir löschen möchten. Wir möchten also
nur Elemente behalten, bei denen diese IDs nicht übereinstimmen. Wenn sie übereinstimmen, ist dies das Element,
das wir entfernen möchten,
und daher natürlich auch möchte es aus unserem neuen Array löschen.
Dies ist also die Filterlogik, um einen Gegenstand loszuwerden und diesen hier als unseren neuen Zustand zurückzugeben, der
am Ende danach festgelegt wird.
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
zeigen, aber
denken Sie daran, dass Sie die ID übergeben müssen. Option Nummer eins ist also, dass Sie die ID hier
auch an das Zielelement weiterleiten, indem Sie einfach auf itemData zeigen. Artikel. ID, weil genau wie jedes Element
einen Wert hat, auch jedes Element hier eine ID hat, weil wir eine ID hinzufügen, wenn wir dort
oben ein Element hinzufügen, und jetzt, da wir die ID an das Zielelement übergeben
und die onDelete-Requisite übergeben An das Zielelement innerhalb des Zielelements, wo wir am Ende onDelete aufrufen
oder wo wir den Handler weiterleiten, auf den onDelete zeigt, können wir dies
auch binden, um ein Standardargument festzulegen, wenn dieses aufgerufen wird, und das Standardargument hier wäre
Requisiten-ID, also die ID, die wir auch erhalten, damit diese ID an onDelete übergeben
wird, wenn sie von einer Presse aufgerufen wird. Das ist Option Nummer eins und es ist die Option, die ich verwenden
werde, aber auch, um Ihnen die andere Option zu zeigen. Die andere Option wäre, dass Sie die ID nicht an das Zielelement
übergeben, sondern hier auf Löschen am Ende den Handler zum Entfernen des Ziels kennen wird ausgeführt und dann können Sie hier
bind this hinzufügen und dann auf itemData zeigen. Artikel. id, das würde auch funktionieren.
Jetzt werde ich dies jedoch rückgängig machen und mit dem Ansatz fortfahren, bei dem sich alle Informationen innerhalb des
Zielelements befinden und wir unsere Funktion mit der ID innerhalb des Zielelements verbinden. Damit sollten wir ein Setup haben, in dem wir
alle unsere Ziele löschen können.
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
einen anderen Namen verwenden, damit wir sehen können, ob wir den richtigen gelöscht haben.
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
klicken, um das zu löschen und das scheint zu funktionieren. Hier lernen Sie React Native
und
jetzt den letzten. Ich werde es hier und auch
ohne Fehler löschen, daher scheint dies gut zu funktionieren. In diesem Fall löschen wir Elemente mithilfe von berührbarer, berührbarer
Deckkraft, mit deren Hilfe Sie Ereignisse wie onPress für jede Komponente registrieren können oder auf allen Komponenten, die Sie benötigen.