Teraz, aby usunąć naciśnięty element, dodam nową funkcję tutaj w moim komponencie aplikacji, więc nowa funkcja,
którą przechowuję w tej stałej i
nadam jej nazwę, usuń moduł obsługi celu
i tutaj spodziewam się uzyskać identyfikator celu jako dane wejściowe, ponieważ ten identyfikator pozwala nam zidentyfikować element,
który chcemy usunąć, alternatywnie możemy
również pobrać indeks do tablicy, a następnie usunąć element według indeksu, ale
myślę, że identyfikator jest jeszcze lepszy, ponieważ mamy Identyfikator wyraźnie dopasowany do każdego elementu, dlaczego nie
użyjemy tego do usunięcia
go, a teraz tutaj możemy ustawić nasze cele kursu, ponieważ oczywiście chcę zaktualizować moje cele
kursu i ponownie, dokonujemy aktualizacji, która jest oparta na naszych aktualne cele kursu,
więc skorzystam z tej funkcji tutaj,
przekazuję funkcję, funkcję anonimową do ustalania celów kursu.
Tam otrzymuję migawkę mojego aktualnego
stanu, aktualne cele kursu, a w ciele funkcji muszę zwrócić zaktualizowane cele kursu.
Teraz, jeśli zastanawiasz się, dlaczego nie mam tutaj nawiasów klamrowych, tutaj używam krótszej składni, w której mam tylko jedno
wyrażenie, które chcę zwrócić, więc pomijam treść
funkcji i instrukcję return. Tutaj będę miał
trochę dłuższej instrukcji, dlatego chcę mieć tu funkcję dla czytelności, ponieważ
tutaj zwrócę filtr celów bieżących, ponieważ filtr jest wbudowaną metodą wbudowaną w JavaScript, która pozwala nam
aby zwrócić nową tablicę, filtr zawsze zwraca nową tablicę, która jest oparta na starej
tablicy, na której ją nazywamy, filtrowaną według określonych kryteriów.
Teraz kryteria są ostatecznie przekazywane za pomocą funkcji, którą przekazujesz do filtrowania. Ta funkcja, którą przekazujesz do filtrowania, otrzymuje cel,
ponieważ ta funkcja działa na każdym elemencie tablicy, którą nazywasz, więc w tym przypadku działa na każdym celu,
który mamy
w bieżącej tablicy celów, a zatem otrzymujemy ten cel obecnie działa i teraz możemy zwrócić wartość
true, jeśli chcemy zachować ten element, lub wartość false, jeśli chcemy go upuścić i chcemy zwrócić
wartość true, jeśli identyfikator celu, na który patrzymy, nie jest równy identyfikatorowi celu, który „ otrzymujemy jako argument, ponieważ jest to
identyfikator celu, który chcemy usunąć, więc chcemy zachować tylko te elementy, w
których te identyfikatory się nie zgadzają, ponieważ jeśli pasują, to jest to element, którego
chcemy się pozbyć
i dlatego oczywiście chcę usunąć go z naszej nowej tablicy.
Jest to logika filtrowania pozwalająca pozbyć się przedmiotu i zwrócić go tutaj jako nasz nowy stan,
który jest później ustawiony.
Teraz możemy połączyć program obsługi usuwania z onDelete, a teraz mamy dwie opcje lub wiele opcji zrobienia tego, możemy po prostu wskazać program
obsługi celu
usuwania usunąć, ale pamiętaj, że musisz przekazać identyfikator. Opcją numer jeden jest to, że przesyłasz tutaj
również identyfikator do elementu celu, po prostu wskazując na itemData. pozycja. id, ponieważ tak jak każdy
element ma wartość, każdy element tutaj również ma identyfikator, ponieważ dodajemy identyfikator, gdy dodajemy tam element,
a teraz, ponieważ przekazujemy identyfikator do elementu celu i przekazujemy prop onDelete
do elementu celu, wewnątrz elementu celu, tutaj, gdzie w końcu wywołujemy funkcję onDelete
lub gdzie przekazujemy punkty obsługi onDelete do onPress, możemy również powiązać
ten parametr, aby ustawić domyślny argument, gdy zostanie on wywołany, i domyślny argument
tutaj byłby identyfikatorem rekwizytów, więc otrzymujemy również identyfikator, aby ten identyfikator był
przekazywany do onDelete, gdy zostanie wezwany do prasy. To jest opcja numer jeden i to będzie opcja, której użyję, ale
również, aby pokazać Ci drugą opcję. Inną opcją byłoby to, że nie przekazujesz identyfikatora do elementu celu, ale zamiast tego
tutaj, na Usuń, wiesz na końcu, że usuń moduł obsługi celu zostanie wykonane, a następnie tutaj możesz dodać
powiązanie, a następnie wskazać element itemData. pozycja. id, to też by działało.
Teraz jednak cofnę to i przejdę do podejścia, w którym wszystkie informacje znajdują się w
elemencie celu i łączymy naszą funkcję z identyfikatorem z elementu celu. Teraz powinniśmy mieć konfigurację, w której wszyscy
możemy usunąć nasze cele.
Poczekajmy więc na ponowne załadowanie i przetestujmy to może tutaj na iOS, chcemy nauczyć się React Native, a teraz
chcę użyć innej nazwy, abyśmy mogli sprawdzić, czy usunęliśmy właściwą.
Chcemy się tego wszystkiego nauczyć, być może chcemy być naprawdę dobrzy w React Native i cokolwiek to jest, a teraz kliknę, aby nauczyć się
wszystkiego, aby to usunąć i to wydaje się działać. Tutaj Naucz się React
Native
i teraz ostatni. Skasuję go również tutaj, bez żadnych
błędów, więc wydaje się, że działa to dobrze, a dzięki temu usuwamy elementy za pomocą dotykowego, dotykalnego
krycia w tym przypadku, które pomaga rejestrować zdarzenia, takie jak onPress, na dowolnym komponencie lub na dowolnych potrzebnych elementach.