Jadi bagaimana kita bisa mendapatkan informasi tentang kategori yang kita klik, kita pilih dari
layar kategori ini ke layar makanan kategori? Baik di layar kategori tempat kami menavigasi
ke makanan kategori,
untuk tindakan navigasi ini selain nama rute, kami juga dapat melewati params.
Itu kunci lain yang diterima objek yang Anda lewati untuk menavigasi dan ini dengan sendirinya merupakan objek pasangan nilai kunci,
pasangan nilai kunci apa pun dan sebanyak pasangan pasangan nilai kunci yang Anda inginkan.
Jadi ini hanyalah parameter, data tambahan yang Anda lewati ke layar baru yang sedang dimuat.
Sekarang di sana, Anda dapat mengatur parameter bernama ID kategori dan namanya sepenuhnya terserah Anda, itu bisa
saja ID, cid
atau hobi saya, apa pun yang Anda sedang membangun dan data apa pun yang Anda perlukan untuk meneruskan, di sini kami
meneruskan ID kategori maka saya akan menamainya seperti itu.
Ini sekarang harus dalam skenario kita di sini, tentu saja,
ID dari kategori yang kita ketuk.
Sekarang tentu saja, kami mendapatkan data item kami di sini untuk setiap
item grid yang dirender, ini menyimpan item dan ini memiliki judul, warna dan well, ID, jadi
ID kategori adalah itemData. barang. Indo.
Sekarang kami meneruskan ID itu ke layar baru yang sedang dimuat dan tentu saja itu yang penting
di sini, ini memungkinkan kami untuk
kemudian menggunakan data itu di layar baru itu. Bagaimana? Baiklah, mari kita pergi ke sana, mari
kita pergi ke layar kategori makanan dan melihat bagaimana kita dapat mengekstrak parameter itu.
Kita tahu bahwa kita
akan mendapatkannya, bagaimana sekarang kita dapat mengaksesnya?
Untuk ini, kita dapat lagi menggunakan
navigasi alat peraga, jadi alat peraga khusus ini kita dapatkan karena komponen ini di sini sedang
dimuat dengan bantuan Navigator navigasi Bereaksi dan navigasi, kita tidak hanya memiliki navigasi dan tekan dan sebagainya, kami
juga memiliki getParam, metode yang disediakan untuk mengekstrak parameter yang kami terima. getParam mengambil string dengan nama parameter yang ingin kita ekstrak
dan tentu saja, itu seharusnya nama yang Anda pilih di sini
sebagai kunci dalam objek params.
Jadi di sini, saya menambahkan ID kategori, maka itulah nama yang ingin saya gunakan di sini.
Ini akan memberi saya ID kucing, ID kategori itu, Ini akan memberi saya nilai yang kami simpan di sini pada nama kunci
itu, dalam hal
ini,
itu ID, jadi itulah nilai
yang kami ekstraksi untuk ID kategori dalam kategori layar makanan.
Jadi sekarang kita memiliki ID kucing dan sekarang kita dapat menggunakannya untuk tentu saja mendapatkan akses ke semua makanan yang masuk dalam
kategori ini,
saat ini kita tidak punya makanan jadi kita harus menunda ini, tetapi setidaknya kita juga bisa menggunakan
ini untuk mendapatkan judul kategori kita dan menggunakannya di sini dan untuk itu, yang perlu kita lakukan tentu saja adalah kita
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
menemukan kategori yang kami pilih atau apa pun yang Anda inginkan untuk menamainya dengan melihat kategori dan di sana, kami
dapat menggunakan find yang mengambil fungsi yang dijalankan pada setiap elemen dalam array, jadi pada setiap
kategori dan memberi kami item di mana fungsi ini mengembalikan true yang seharusnya menjadi kasus jika
ID untuk kategori yang kita lihat cocok dengan ID kucing yang kita ambil dari params kami.
Ini memberi kita kategori yang dipilih dan untuk membuktikan
bahwa ini berfungsi, saya akan menampilkannya di sini dalam komponen teks, saya akan menampilkan kategori yang dipilih. judul
di sini. Sekarang dengan itu, jika kita kembali dan kita menavigasi ke kategori itu, kita melihat bahasa Italia di
sini tepat di atas tombol saya, kita melihat dengan
cepat dan mudah sekarang, sehingga berfungsi. Ini adalah cara kami meneruskan
data dan cara mengekstraksi dan tentu saja Anda dapat melewati beberapa parameter, sebanyak yang Anda butuhkan
dan parameter tidak harus berupa ID, Anda bisa meneruskan objek, Anda bisa mengirim teks, angka dan array, data
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
layar kami tetapi kami ingin menggunakannya di sini di header.
Baiklah mari kita atasi itu di kuliah berikutnya.