1
00:00:02,660 --> 00:00:08,660
Quindi, come possiamo ottenere informazioni sulla categoria su cui abbiamo fatto clic, abbiamo selezionato dalla schermata di

2
00:00:08,660 --> 00:00:15,240
questa categoria alla schermata dei pasti di categoria? Bene nella schermata delle categorie in cui passiamo ai pasti

3
00:00:15,440 --> 00:00:16,870
delle categorie, per

4
00:00:16,880 --> 00:00:21,930
questa azione di navigazione oltre al nome del percorso, possiamo anche passare i parametri.

5
00:00:21,950 --> 00:00:29,510
Questa è un'altra chiave accettata da questo oggetto che hai passato per navigare e questo prende un oggetto

6
00:00:29,510 --> 00:00:35,060
di coppie chiave-valore, di qualsiasi coppia chiave-valore e di quante coppie chiave-valore desideri.

7
00:00:35,060 --> 00:00:40,980
Quindi questi sono semplicemente parametri, dati extra che stai passando alla nuova schermata che viene caricata.

8
00:00:41,330 --> 00:00:46,760
Ora lì, potresti impostare un parametro chiamato ID categoria e il nome dipende totalmente da te,

9
00:00:46,760 --> 00:00:47,880
che potrebbe essere

10
00:00:47,930 --> 00:00:54,590
solo ID, cid o il mio hobby, qualunque cosa tu stia costruendo e qualunque dato tu abbia bisogno di inoltrare, qui

11
00:00:54,590 --> 00:00:57,640
stiamo inoltrando un ID categoria quindi lo chiamerò tale.

12
00:00:57,650 --> 00:01:01,410
Questo ora dovrebbe essere nel nostro scenario qui, ovviamente, l'ID

13
00:01:01,410 --> 00:01:03,980
della categoria su cui abbiamo attinto.

14
00:01:03,980 --> 00:01:07,650
Ora, ovviamente, stiamo ottenendo i dati dei nostri articoli qui per ogni elemento della

15
00:01:07,670 --> 00:01:12,480
griglia che viene reso, questo contiene l'elemento e questo ha un titolo, un colore e un pozzo, un ID,

16
00:01:12,650 --> 00:01:16,780
quindi l'ID categoria è itemData. articolo. id.

17
00:01:17,180 --> 00:01:23,430
Ora stiamo inoltrando quell'ID alla nuova schermata che viene caricata e, ovviamente, questa è la cosa

18
00:01:23,630 --> 00:01:26,210
importante qui, questo ci consente di

19
00:01:26,210 --> 00:01:34,620
utilizzare quei dati in quella nuova schermata. Come? Bene, andiamo lì, andiamo alla schermata

20
00:01:34,650 --> 00:01:39,550
dei pasti della categoria e vediamo come possiamo estrarre quel parametro.

21
00:01:39,600 --> 00:01:41,400
Sappiamo che ne

22
00:01:41,400 --> 00:01:43,990
avremo uno, come possiamo ora accedervi?

23
00:01:44,250 --> 00:01:46,740
Per questo, possiamo nuovamente utilizzare la

24
00:01:46,740 --> 00:01:52,350
navigazione dei puntelli, quindi questo puntello speciale che stiamo ottenendo perché questo componente viene caricato con

25
00:01:52,350 --> 00:01:58,860
l'aiuto di un navigatore di navigazione React e sulla navigazione, non abbiamo solo navigazione e push e così via,

26
00:01:58,860 --> 00:02:07,410
abbiamo anche getParam, un metodo fornito per estrarre un parametro che riceviamo. getParam prende una stringa con il nome del parametro che

27
00:02:07,410 --> 00:02:12,450
vogliamo estrarre e, naturalmente, quello dovrebbe essere il nome che hai scelto

28
00:02:12,840 --> 00:02:15,590
qui come chiave nell'oggetto params.

29
00:02:15,600 --> 00:02:21,330
Quindi qui ho aggiunto l'ID categoria, quindi questo è il nome che voglio usare qui.

30
00:02:21,330 --> 00:02:29,160
Questo mi darà l'ID gatto, quell'ID categoria, Questo mi darà il valore che stiamo memorizzando qui su quel nome chiave, in questo

31
00:02:29,160 --> 00:02:30,350
caso, questo è

32
00:02:30,360 --> 00:02:30,960
l'ID,

33
00:02:30,960 --> 00:02:32,700
quindi questo è il valore

34
00:02:32,700 --> 00:02:36,360
che stiamo estraendo per l'ID categoria nella categoria schermo dei pasti.

35
00:02:36,360 --> 00:02:44,100
Quindi ora abbiamo l'ID gatto e ora possiamo usarlo per avere ovviamente accesso a tutti i pasti che rientrano in questa

36
00:02:44,100 --> 00:02:45,120
categoria, in

37
00:02:45,120 --> 00:02:51,360
questo momento non abbiamo pasti quindi dovremo rimandare questo, ma almeno possiamo anche usare questo per ottenere

38
00:02:51,360 --> 00:02:58,920
il titolo della nostra categoria e usarlo qui e per quello, tutto ciò che dobbiamo fare ovviamente è che dobbiamo

39
00:02:58,920 --> 00:03:08,220
importare le categorie, quindi le nostre categorie vanno qui da dati / dati fittizi e abbiamo l'ID, abbiamo una matrice di categorie , ovviamente possiamo

40
00:03:08,220 --> 00:03:15,600
trovare la nostra categoria selezionata o qualunque cosa tu voglia nominarla dando un'occhiata alle categorie e lì, possiamo usare find

41
00:03:15,960 --> 00:03:21,950
che prende una funzione che esegue su ogni elemento dell'array, quindi su ogni categoria e ci

42
00:03:21,950 --> 00:03:27,830
dà l'elemento in cui questa funzione restituisce true, che dovrebbe essere il caso se l'ID

43
00:03:27,830 --> 00:03:33,700
per la categoria che stiamo osservando corrisponde all'ID gatto che stiamo recuperando dai nostri parametri.

44
00:03:33,800 --> 00:03:35,740
Questo ci dà la categoria selezionata e per

45
00:03:35,750 --> 00:03:42,010
dimostrare che funziona, la produrrò qui in un componente di testo, produrrò la categoria selezionata.

46
00:03:42,020 --> 00:03:53,370
titolo qui. Ora con ciò, se torniamo indietro e navighiamo in quella categoria, vediamo l'italiano

47
00:03:53,370 --> 00:03:56,280
qui sopra i miei pulsanti, vediamo ora

48
00:03:56,430 --> 00:04:01,310
veloce e facile, quindi funziona. Questo è il modo in

49
00:04:01,410 --> 00:04:07,710
cui passiamo i dati e come li stiamo estraendo e, naturalmente, puoi passare più parametri, quanti

50
00:04:08,010 --> 00:04:15,270
ne hai bisogno e i parametri non devono essere ID, puoi passare oggetti, puoi passare testo, numeri e matrici,

51
00:04:15,270 --> 00:04:22,620
qualunque sia il dato che devi trasmettere, puoi passare. Tuttavia, potresti notare che, ovviamente, siamo in grado di utilizzare la nostra categoria qui

52
00:04:23,040 --> 00:04:25,420
nella nostra schermata, ma vogliamo usarla qui nell'intestazione.

53
00:04:25,420 --> 00:04:27,030
Bene, affrontiamolo nella prossima lezione.