Kami ingin mengirimkan tindakan ini di layar filter tentu saja karena di situlah kami
mengatur semua filter ini.
Saat ini, kami mengelolanya di sini dalam keadaan internal dan itu akan tetap seperti ini karena kami benar-benar
membutuhkan filter kami di sana,
tetapi sekarang tentu saja, saya ingin mengirim tindakan ketika tombol simpan ditekan.
Untungnya, saya sudah memiliki koneksi ke header yang diatur dengan menggunakan efek dan mengatur params,
jadi yang harus kita lakukan adalah mengganti log konsol di sini dengan pengiriman.
Sekarang tentu saja untuk menggunakan dispatch, pertama-tama kita perlu mengimpor hook menggunakan dispatch di sini dari React Redux seperti ini
dan sekarang kita bisa menggunakan
hook itu di sini untuk mendapatkan akses ke fungsi dispatch, jadi dispatch const
sama dengan menggunakan dispatch dieksekusi sebagai fungsi dan sekarang kita dapat
memanggil pengiriman di sini untuk mengirimkan tindakan dan oleh karena itu kita juga perlu
menambahkan pengiriman sebagai ketergantungan tetapi Bereaksi Redux akan memastikan bahwa ini
tidak pernah
berubah, jadi ini tidak akan pernah memicu re-render,
masih, kita harus menambahkannya.
Jadi itu pengiriman, sekarang penting, kita juga perlu mengimpor pembuat tindakan saya dari makanan aksi toko dan tentu saja saya berbicara tentang pembuat tindakan filter set karena saya perlu memanggil itu di sini untuk
membuat tindakan yang
saya berikan untuk dikirim ke sana dan atur filter sekali objek filter diterapkan ini yang saya maju dan
di sana saya punya bebas gluten, bebas laktosa, vegan dan itu harus hanya
vegetarian, penting, karena kunci yang Anda atur di sini harus menjadi kunci yang Anda cari di
peredam Anda , kalau tidak, ini tidak akan bekerja, penting.
Jadi, pastikan semuanya sama,
jika tidak, logika ini tidak akan berfungsi.
Jadi sekarang kami mengirimkan ini setiap kali tombol simpan ditekan dan mudah-mudahan ini
akan menyesuaikan makanan yang difilter kami dan yang kemudian akan tercermin pada layar kategori makanan karena kami sedang
mengambil makanan yang difilter. Mari kita coba,
mari kita
simpan ini dan misalnya burger ini, mungkin bukan vegan.
Jadi mari kita pergi ke filter, nyalakan vegan, simpan ini dan saya mendapatkan kesalahan, tidak dapat menemukan tindakan variabel, dilemparkan oleh
peredam
makanan, jadi mari kita lihat itu. Ya, itu bukan tindakan, tentu
saja
tindakan, itulah nama argumennya.
Jadi itu harus tindakan,
kesalahan kecil, hanya salah
ketik, mari
kita coba lagi.
Kembali ke filter,
nyalakan vegan, simpan ini dan sekarang pergi makan, hamburger dan saya tidak melihat mereka di
sini yang baik karena itu berarti itu disaring. Spageti saya dengan saus tomat, itu
masih ada karena jelas itu sudah dimulai, setidaknya ini tanpa keju.
Jadi itu ada di sana, di Jerman schnitzel hilang, cepat dan
mudah, salad ada di sana yang masuk akal.
Mari kita coba juga filter lain,
bebas gluten,
sekarang spaghetti pasti sudah tidak
ada, jadi mari
kita lihat, ya sudah hilang.
Salad masih ada
di sana,
spageti hilang, jadi logika ini sepertinya berhasil. Sekarang penting, jika saya menonaktifkan
bebas gluten dan karena itu saya melihat spageti saya lagi, jika saya menambahkannya sebagai favorit dan kemudian saya menambahkan
filter ini lagi, tentu saja di bawah makan, mereka pergi, di bawah favorit saya melihat mereka karena itulah logika kami menyiapkan, bahwa favorit
tidak mengambil data dari makanan yang difilter kami tetapi hanya peduli apakah itu favorit
atau tidak.
Anda tentu saja dapat mengubah logika ini tetapi di sini logikanya adalah apa itu dan hanya makanan
dalam kategori di sini yang disaring sesuai dengan filter yang Anda buat di sini.
Sekarang akan menyenangkan untuk memiliki pesan fallback kecil yang menyenangkan di sini jika kita tidak
memiliki data karena
filter kami dan oleh karena itu di layar kategori makanan, saya juga ingin memeriksa di sini apakah panjang makanan yang ditampilkan adalah nol, yang berarti
saya tidak punya makanan untuk tampilan dan kemudian saya ingin mengembalikan tampilan di sini dengan teks default saya di sana sebenarnya dan
itu berarti kita perlu mengimpor keduanya, kita perlu mengimpor tampilan dan kita juga akan memerlukan stylesheet dari React Native dan mengimpor
komponen teks default dari komponen teks default dan kemudian tambahkan gaya di sini, gaya.
konten dan teks default yang kami tampilkan mungkin bukan makanan yang ditemukan,
mungkin periksa filter Anda, hanya
petunjuk bahwa mungkin filter Anda menonaktifkan resep yang harus Anda lihat di sini.
Sekarang mari kita tambahkan style konstan di sini di mana kita membuat stylesheet baru dan di
sana, saya ingin mengatur kunci konten di mana saya menggunakan flex satu dan kemudian lagi memusatkan
konten secara horizontal dan vertikal dengan bantuan properti flexbox ini, seperti itu.
Jika kita sekarang mencoba ini dan mungkin menguji ini di Android,
hanya untuk mencampuradukkannya meskipun sedikit lebih lambat, saya bisa pergi ke filter saya di sana, membebaskan gluten, kembali ke makanan saya, oleh karena itu Italia, ini bukan
di sana jadi saya menerima pesan ini. Di sisi lain cepat dan mudah, di sana
saya makan dan karenanya saya tidak mendapatkan pesan ini dan
karena itu ini tidak terlihat terlalu buruk dan tentu saja mari kita juga coba nonaktifkan filter ini
lagi dan kembali, inilah spageti . Jadi sekarang semuanya berfungsi dan ini adalah bagaimana kita dapat mengelola negara kita dengan Redux.