1
00:00:02,660 --> 00:00:08,660
Jak więc uzyskać informacje o klikniętej kategorii, którą wybraliśmy z ekranu

2
00:00:08,660 --> 00:00:15,240
kategorii do ekranu kategorii posiłków? Dobrze na ekranie kategorii, w którym nawigujemy

3
00:00:15,440 --> 00:00:16,870
do kategorii posiłków,

4
00:00:16,880 --> 00:00:21,930
w przypadku tej czynności nawigacyjnej oprócz nazwy trasy możemy również przekazać parametry.

5
00:00:21,950 --> 00:00:29,510
To kolejny klucz, który ten obiekt, który przekazałeś do nawigacji, akceptuje i to sam staje się obiektem

6
00:00:29,510 --> 00:00:35,060
par klucz-wartość, dowolnych par klucz-wartość i tylu par klucz-wartość, ile chcesz.

7
00:00:35,060 --> 00:00:40,980
Są to po prostu parametry, dodatkowe dane, które przesyłasz do ładowanego nowego ekranu.

8
00:00:41,330 --> 00:00:46,760
Teraz możesz ustawić parametr o nazwie ID kategorii, a nazwa zależy wyłącznie od Ciebie,

9
00:00:46,760 --> 00:00:47,880
może to

10
00:00:47,930 --> 00:00:54,590
być tylko identyfikator, identyfikator lub moje hobby, cokolwiek budujesz i jakiekolwiek dane, które musisz przesłać, tutaj przesyłamy

11
00:00:54,590 --> 00:00:57,640
identyfikator kategorii, dlatego nadam mu takie imię.

12
00:00:57,650 --> 00:01:01,410
To powinno być teraz w naszym scenariuszu, oczywiście,

13
00:01:01,410 --> 00:01:03,980
identyfikator kategorii, którą wybraliśmy.

14
00:01:03,980 --> 00:01:07,650
Teraz oczywiście otrzymujemy tutaj nasze dane pozycji dla każdego renderowanego elementu

15
00:01:07,670 --> 00:01:12,480
siatki, który przechowuje element i ma on tytuł, kolor i studnię, identyfikator, więc identyfikator

16
00:01:12,650 --> 00:01:16,780
kategorii to itemData. pozycja. ID.

17
00:01:17,180 --> 00:01:23,430
Teraz przesyłamy ten identyfikator do nowego ekranu, który jest ładowany, i oczywiście jest to

18
00:01:23,630 --> 00:01:26,210
ważna rzecz, pozwala nam to

19
00:01:26,210 --> 00:01:34,620
następnie wykorzystać te dane na nowym ekranie. W jaki sposób? Chodźmy tam, przejdźmy do ekranu

20
00:01:34,650 --> 00:01:39,550
kategorii posiłków i zobaczmy, jak możemy wyodrębnić ten parametr.

21
00:01:39,600 --> 00:01:41,400
Wiemy, że go otrzymamy,

22
00:01:41,400 --> 00:01:43,990
jak możemy teraz uzyskać do niego dostęp?

23
00:01:44,250 --> 00:01:46,740
W tym celu możemy ponownie

24
00:01:46,740 --> 00:01:52,350
użyć nawigacji rekwizytów, więc otrzymujemy ten specjalny rekwizyt, ponieważ ten komponent jest ładowany

25
00:01:52,350 --> 00:01:58,860
za pomocą nawigatora React Navigation i podczas nawigacji, nie mamy tylko nawigacji i push i

26
00:01:58,860 --> 00:02:07,410
tak dalej, mamy również getParam, metodę umożliwiającą wyodrębnienie otrzymanego parametru. getParam pobiera ciąg z nazwą parametru, który chcemy

27
00:02:07,410 --> 00:02:12,450
wyodrębnić i oczywiście powinna to być nazwa wybrana tutaj jako

28
00:02:12,840 --> 00:02:15,590
klucz w tym obiekcie params.

29
00:02:15,600 --> 00:02:21,330
Więc tutaj dodałem identyfikator kategorii, stąd właśnie tej nazwy chcę tutaj użyć.

30
00:02:21,330 --> 00:02:29,160
To da mi identyfikator kota, ten identyfikator kategorii, To da mi wartość, którą przechowujemy tutaj pod tą kluczową nazwą, w

31
00:02:29,160 --> 00:02:30,350
tym przypadku jest

32
00:02:30,360 --> 00:02:30,960
to

33
00:02:30,960 --> 00:02:32,700
identyfikator, więc to jest

34
00:02:32,700 --> 00:02:36,360
wartość, którą wyodrębniamy dla ID kategorii w kategorii ekran posiłków.

35
00:02:36,360 --> 00:02:44,100
Więc teraz mamy identyfikator kota i możemy go teraz użyć, aby oczywiście uzyskać dostęp do wszystkich posiłków, które pasują

36
00:02:44,100 --> 00:02:45,120
do tej

37
00:02:45,120 --> 00:02:51,360
kategorii, w tej chwili nie mamy posiłków, więc będziemy musieli to przełożyć, ale przynajmniej możemy

38
00:02:51,360 --> 00:02:58,920
to wykorzystać aby uzyskać tytuł naszej kategorii i użyć go tutaj i do tego, wszystko, co musimy oczywiście

39
00:02:58,920 --> 00:03:08,220
zrobić, to zaimportować kategorie, więc nasza tablica kategorii tutaj z data / dummy-data i mamy identyfikator, mamy tablicę kategorii , oczywiście możemy znaleźć

40
00:03:08,220 --> 00:03:15,600
naszą wybraną kategorię lub cokolwiek, co chcesz nazwać, patrząc na kategorie i tam możemy użyć find, który przyjmuje

41
00:03:15,960 --> 00:03:21,950
funkcję, którą wykonuje na każdym elemencie w tablicy, a więc na każdej kategorii i daje

42
00:03:21,950 --> 00:03:27,830
nam pozycja, w której ta funkcja zwraca wartość true, co powinno mieć miejsce, jeśli

43
00:03:27,830 --> 00:03:33,700
identyfikator kategorii, na którą patrzymy, odpowiada identyfikatorowi kota, który pobieramy z naszych parametrów.

44
00:03:33,800 --> 00:03:35,740
To daje nam wybraną kategorię i aby

45
00:03:35,750 --> 00:03:42,010
udowodnić, że to działa, wyślę to tutaj w komponencie tekstowym, wyprowadzę selectedCategory.

46
00:03:42,020 --> 00:03:53,370
tytuł tutaj. Teraz, jeśli wrócimy i przejdziemy do tej kategorii, widzimy tutaj włoski tuż

47
00:03:53,370 --> 00:03:56,280
nad moimi przyciskami, widzimy teraz szybki

48
00:03:56,430 --> 00:04:01,310
i łatwy, więc to działa. W ten sposób przekazujemy

49
00:04:01,410 --> 00:04:07,710
dane i jak je wyodrębniamy i oczywiście możesz przekazać wiele parametrów, tyle ile potrzebujesz

50
00:04:08,010 --> 00:04:15,270
i parametry nie muszą być identyfikatorami, możesz przekazywać obiekty, możesz przekazywać tekst, liczby i tablice, bez

51
00:04:15,270 --> 00:04:22,620
względu na dane, które musisz przekazać, możesz przekazać. Możesz jednak zauważyć, że oczywiście dzięki temu możemy użyć naszej kategorii tutaj na

52
00:04:23,040 --> 00:04:25,420
ekranie, ale chcemy ją użyć tutaj w nagłówku.

53
00:04:25,420 --> 00:04:27,030
Zajmijmy się tym w następnym wykładzie.