1 00:00:02,660 --> 00:00:08,660 Jadi bagaimana kita bisa mendapatkan informasi tentang kategori yang kita klik, kita pilih dari 2 00:00:08,660 --> 00:00:15,240 layar kategori ini ke layar makanan kategori? Baik di layar kategori tempat kami menavigasi 3 00:00:15,440 --> 00:00:16,870 ke makanan kategori, 4 00:00:16,880 --> 00:00:21,930 untuk tindakan navigasi ini selain nama rute, kami juga dapat melewati params. 5 00:00:21,950 --> 00:00:29,510 Itu kunci lain yang diterima objek yang Anda lewati untuk menavigasi dan ini dengan sendirinya merupakan objek pasangan nilai kunci, 6 00:00:29,510 --> 00:00:35,060 pasangan nilai kunci apa pun dan sebanyak pasangan pasangan nilai kunci yang Anda inginkan. 7 00:00:35,060 --> 00:00:40,980 Jadi ini hanyalah parameter, data tambahan yang Anda lewati ke layar baru yang sedang dimuat. 8 00:00:41,330 --> 00:00:46,760 Sekarang di sana, Anda dapat mengatur parameter bernama ID kategori dan namanya sepenuhnya terserah Anda, itu bisa 9 00:00:46,760 --> 00:00:47,880 saja ID, cid 10 00:00:47,930 --> 00:00:54,590 atau hobi saya, apa pun yang Anda sedang membangun dan data apa pun yang Anda perlukan untuk meneruskan, di sini kami 11 00:00:54,590 --> 00:00:57,640 meneruskan ID kategori maka saya akan menamainya seperti itu. 12 00:00:57,650 --> 00:01:01,410 Ini sekarang harus dalam skenario kita di sini, tentu saja, 13 00:01:01,410 --> 00:01:03,980 ID dari kategori yang kita ketuk. 14 00:01:03,980 --> 00:01:07,650 Sekarang tentu saja, kami mendapatkan data item kami di sini untuk setiap 15 00:01:07,670 --> 00:01:12,480 item grid yang dirender, ini menyimpan item dan ini memiliki judul, warna dan well, ID, jadi 16 00:01:12,650 --> 00:01:16,780 ID kategori adalah itemData. barang. Indo. 17 00:01:17,180 --> 00:01:23,430 Sekarang kami meneruskan ID itu ke layar baru yang sedang dimuat dan tentu saja itu yang penting 18 00:01:23,630 --> 00:01:26,210 di sini, ini memungkinkan kami untuk 19 00:01:26,210 --> 00:01:34,620 kemudian menggunakan data itu di layar baru itu. Bagaimana? Baiklah, mari kita pergi ke sana, mari 20 00:01:34,650 --> 00:01:39,550 kita pergi ke layar kategori makanan dan melihat bagaimana kita dapat mengekstrak parameter itu. 21 00:01:39,600 --> 00:01:41,400 Kita tahu bahwa kita 22 00:01:41,400 --> 00:01:43,990 akan mendapatkannya, bagaimana sekarang kita dapat mengaksesnya? 23 00:01:44,250 --> 00:01:46,740 Untuk ini, kita dapat lagi menggunakan 24 00:01:46,740 --> 00:01:52,350 navigasi alat peraga, jadi alat peraga khusus ini kita dapatkan karena komponen ini di sini sedang 25 00:01:52,350 --> 00:01:58,860 dimuat dengan bantuan Navigator navigasi Bereaksi dan navigasi, kita tidak hanya memiliki navigasi dan tekan dan sebagainya, kami 26 00:01:58,860 --> 00:02:07,410 juga memiliki getParam, metode yang disediakan untuk mengekstrak parameter yang kami terima. getParam mengambil string dengan nama parameter yang ingin kita ekstrak 27 00:02:07,410 --> 00:02:12,450 dan tentu saja, itu seharusnya nama yang Anda pilih di sini 28 00:02:12,840 --> 00:02:15,590 sebagai kunci dalam objek params. 29 00:02:15,600 --> 00:02:21,330 Jadi di sini, saya menambahkan ID kategori, maka itulah nama yang ingin saya gunakan di sini. 30 00:02:21,330 --> 00:02:29,160 Ini akan memberi saya ID kucing, ID kategori itu, Ini akan memberi saya nilai yang kami simpan di sini pada nama kunci 31 00:02:29,160 --> 00:02:30,350 itu, dalam hal 32 00:02:30,360 --> 00:02:30,960 ini, 33 00:02:30,960 --> 00:02:32,700 itu ID, jadi itulah nilai 34 00:02:32,700 --> 00:02:36,360 yang kami ekstraksi untuk ID kategori dalam kategori layar makanan. 35 00:02:36,360 --> 00:02:44,100 Jadi sekarang kita memiliki ID kucing dan sekarang kita dapat menggunakannya untuk tentu saja mendapatkan akses ke semua makanan yang masuk dalam 36 00:02:44,100 --> 00:02:45,120 kategori ini, 37 00:02:45,120 --> 00:02:51,360 saat ini kita tidak punya makanan jadi kita harus menunda ini, tetapi setidaknya kita juga bisa menggunakan 38 00:02:51,360 --> 00:02:58,920 ini untuk mendapatkan judul kategori kita dan menggunakannya di sini dan untuk itu, yang perlu kita lakukan tentu saja adalah kita 39 00:02:58,920 --> 00:03:08,220 perlu mengimpor kategori, jadi array kategori kita di sini dari data / dummy-data dan kita memiliki ID, kita memiliki berbagai kategori , tentu saja kami dapat 40 00:03:08,220 --> 00:03:15,600 menemukan kategori yang kami pilih atau apa pun yang Anda inginkan untuk menamainya dengan melihat kategori dan di sana, kami 41 00:03:15,960 --> 00:03:21,950 dapat menggunakan find yang mengambil fungsi yang dijalankan pada setiap elemen dalam array, jadi pada setiap 42 00:03:21,950 --> 00:03:27,830 kategori dan memberi kami item di mana fungsi ini mengembalikan true yang seharusnya menjadi kasus jika 43 00:03:27,830 --> 00:03:33,700 ID untuk kategori yang kita lihat cocok dengan ID kucing yang kita ambil dari params kami. 44 00:03:33,800 --> 00:03:35,740 Ini memberi kita kategori yang dipilih dan untuk membuktikan 45 00:03:35,750 --> 00:03:42,010 bahwa ini berfungsi, saya akan menampilkannya di sini dalam komponen teks, saya akan menampilkan kategori yang dipilih. judul 46 00:03:42,020 --> 00:03:53,370 di sini. Sekarang dengan itu, jika kita kembali dan kita menavigasi ke kategori itu, kita melihat bahasa Italia di 47 00:03:53,370 --> 00:03:56,280 sini tepat di atas tombol saya, kita melihat dengan 48 00:03:56,430 --> 00:04:01,310 cepat dan mudah sekarang, sehingga berfungsi. Ini adalah cara kami meneruskan 49 00:04:01,410 --> 00:04:07,710 data dan cara mengekstraksi dan tentu saja Anda dapat melewati beberapa parameter, sebanyak yang Anda butuhkan 50 00:04:08,010 --> 00:04:15,270 dan parameter tidak harus berupa ID, Anda bisa meneruskan objek, Anda bisa mengirim teks, angka dan array, data 51 00:04:15,270 --> 00:04:22,620 apa pun yang perlu Anda lewati, Anda bisa meneruskan. Anda mungkin memperhatikan bahwa tentu saja dengan itu, kami dapat menggunakan kategori kami di sini di 52 00:04:23,040 --> 00:04:25,420 layar kami tetapi kami ingin menggunakannya di sini di header. 53 00:04:25,420 --> 00:04:27,030 Baiklah mari kita atasi itu di kuliah berikutnya.