1
00:00:02,420 --> 00:00:07,190
Kami ingin mengirimkan tindakan ini di layar filter tentu saja karena di situlah kami

2
00:00:07,190 --> 00:00:08,870
mengatur semua filter ini.

3
00:00:08,980 --> 00:00:14,980
Saat ini, kami mengelolanya di sini dalam keadaan internal dan itu akan tetap seperti ini karena kami benar-benar

4
00:00:15,430 --> 00:00:17,490
membutuhkan filter kami di sana,

5
00:00:17,680 --> 00:00:21,610
tetapi sekarang tentu saja, saya ingin mengirim tindakan ketika tombol simpan ditekan.

6
00:00:21,610 --> 00:00:26,210
Untungnya, saya sudah memiliki koneksi ke header yang diatur dengan menggunakan efek dan mengatur params,

7
00:00:26,530 --> 00:00:31,020
jadi yang harus kita lakukan adalah mengganti log konsol di sini dengan pengiriman.

8
00:00:31,180 --> 00:00:39,280
Sekarang tentu saja untuk menggunakan dispatch, pertama-tama kita perlu mengimpor hook menggunakan dispatch di sini dari React Redux seperti ini

9
00:00:39,330 --> 00:00:41,350
dan sekarang kita bisa menggunakan

10
00:00:41,350 --> 00:00:46,490
hook itu di sini untuk mendapatkan akses ke fungsi dispatch, jadi dispatch const

11
00:00:46,910 --> 00:00:51,530
sama dengan menggunakan dispatch dieksekusi sebagai fungsi dan sekarang kita dapat

12
00:00:51,530 --> 00:00:57,070
memanggil pengiriman di sini untuk mengirimkan tindakan dan oleh karena itu kita juga perlu

13
00:00:57,070 --> 00:01:01,700
menambahkan pengiriman sebagai ketergantungan tetapi Bereaksi Redux akan memastikan bahwa ini

14
00:01:01,700 --> 00:01:02,910
tidak pernah

15
00:01:02,990 --> 00:01:06,110
berubah, jadi ini tidak akan pernah memicu re-render,

16
00:01:06,290 --> 00:01:07,950
masih, kita harus menambahkannya.

17
00:01:08,120 --> 00:01:23,720
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

18
00:01:23,720 --> 00:01:25,730
membuat tindakan yang

19
00:01:25,730 --> 00:01:33,870
saya berikan untuk dikirim ke sana dan atur filter sekali objek filter diterapkan ini yang saya maju dan

20
00:01:33,960 --> 00:01:40,170
di sana saya punya bebas gluten, bebas laktosa, vegan dan itu harus hanya

21
00:01:40,170 --> 00:01:47,550
vegetarian, penting, karena kunci yang Anda atur di sini harus menjadi kunci yang Anda cari di

22
00:01:47,550 --> 00:01:52,380
peredam Anda , kalau tidak, ini tidak akan bekerja, penting.

23
00:01:52,380 --> 00:01:55,110
Jadi, pastikan semuanya sama,

24
00:01:55,110 --> 00:01:58,820
jika tidak, logika ini tidak akan berfungsi.

25
00:01:58,840 --> 00:02:03,370
Jadi sekarang kami mengirimkan ini setiap kali tombol simpan ditekan dan mudah-mudahan ini

26
00:02:03,370 --> 00:02:09,220
akan menyesuaikan makanan yang difilter kami dan yang kemudian akan tercermin pada layar kategori makanan karena kami sedang

27
00:02:09,220 --> 00:02:12,010
mengambil makanan yang difilter. Mari kita coba,

28
00:02:12,040 --> 00:02:13,340
mari kita

29
00:02:13,750 --> 00:02:17,590
simpan ini dan misalnya burger ini, mungkin bukan vegan.

30
00:02:18,010 --> 00:02:29,120
Jadi mari kita pergi ke filter, nyalakan vegan, simpan ini dan saya mendapatkan kesalahan, tidak dapat menemukan tindakan variabel, dilemparkan oleh

31
00:02:29,120 --> 00:02:30,010
peredam

32
00:02:30,020 --> 00:02:35,710
makanan, jadi mari kita lihat itu. Ya, itu bukan tindakan, tentu

33
00:02:35,720 --> 00:02:37,020
saja

34
00:02:37,040 --> 00:02:39,230
tindakan, itulah nama argumennya.

35
00:02:39,230 --> 00:02:40,610
Jadi itu harus tindakan,

36
00:02:40,610 --> 00:02:42,120
kesalahan kecil, hanya salah

37
00:02:42,140 --> 00:02:43,150
ketik, mari

38
00:02:43,580 --> 00:02:44,660
kita coba lagi.

39
00:02:44,690 --> 00:02:46,220
Kembali ke filter,

40
00:02:46,220 --> 00:02:52,070
nyalakan vegan, simpan ini dan sekarang pergi makan, hamburger dan saya tidak melihat mereka di

41
00:02:52,090 --> 00:02:58,710
sini yang baik karena itu berarti itu disaring. Spageti saya dengan saus tomat, itu

42
00:02:58,710 --> 00:03:04,310
masih ada karena jelas itu sudah dimulai, setidaknya ini tanpa keju.

43
00:03:04,500 --> 00:03:07,680
Jadi itu ada di sana, di Jerman schnitzel hilang, cepat dan

44
00:03:07,670 --> 00:03:10,050
mudah, salad ada di sana yang masuk akal.

45
00:03:10,050 --> 00:03:12,060
Mari kita coba juga filter lain,

46
00:03:12,060 --> 00:03:13,110
bebas gluten,

47
00:03:13,110 --> 00:03:15,030
sekarang spaghetti pasti sudah tidak

48
00:03:15,030 --> 00:03:16,350
ada, jadi mari

49
00:03:16,350 --> 00:03:18,150
kita lihat, ya sudah hilang.

50
00:03:18,150 --> 00:03:19,140
Salad masih ada

51
00:03:19,140 --> 00:03:20,030
di sana,

52
00:03:20,040 --> 00:03:24,240
spageti hilang, jadi logika ini sepertinya berhasil. Sekarang penting, jika saya menonaktifkan

53
00:03:24,450 --> 00:03:32,040
bebas gluten dan karena itu saya melihat spageti saya lagi, jika saya menambahkannya sebagai favorit dan kemudian saya menambahkan

54
00:03:32,070 --> 00:03:41,160
filter ini lagi, tentu saja di bawah makan, mereka pergi, di bawah favorit saya melihat mereka karena itulah logika kami menyiapkan, bahwa favorit

55
00:03:41,160 --> 00:03:46,860
tidak mengambil data dari makanan yang difilter kami tetapi hanya peduli apakah itu favorit

56
00:03:46,860 --> 00:03:48,090
atau tidak.

57
00:03:48,210 --> 00:03:53,370
Anda tentu saja dapat mengubah logika ini tetapi di sini logikanya adalah apa itu dan hanya makanan

58
00:03:53,370 --> 00:03:57,980
dalam kategori di sini yang disaring sesuai dengan filter yang Anda buat di sini.

59
00:03:58,200 --> 00:04:04,650
Sekarang akan menyenangkan untuk memiliki pesan fallback kecil yang menyenangkan di sini jika kita tidak

60
00:04:05,130 --> 00:04:06,840
memiliki data karena

61
00:04:06,840 --> 00:04:17,310
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

62
00:04:17,310 --> 00:04:26,170
saya tidak punya makanan untuk tampilan dan kemudian saya ingin mengembalikan tampilan di sini dengan teks default saya di sana sebenarnya dan

63
00:04:26,170 --> 00:04:34,980
itu berarti kita perlu mengimpor keduanya, kita perlu mengimpor tampilan dan kita juga akan memerlukan stylesheet dari React Native dan mengimpor

64
00:04:35,070 --> 00:04:46,570
komponen teks default dari komponen teks default dan kemudian tambahkan gaya di sini, gaya.

65
00:04:50,270 --> 00:04:56,200
konten dan teks default yang kami tampilkan mungkin bukan makanan yang ditemukan,

66
00:04:56,380 --> 00:04:59,310
mungkin periksa filter Anda, hanya

67
00:04:59,310 --> 00:05:05,630
petunjuk bahwa mungkin filter Anda menonaktifkan resep yang harus Anda lihat di sini.

68
00:05:05,640 --> 00:05:13,120
Sekarang mari kita tambahkan style konstan di sini di mana kita membuat stylesheet baru dan di

69
00:05:13,160 --> 00:05:20,390
sana, saya ingin mengatur kunci konten di mana saya menggunakan flex satu dan kemudian lagi memusatkan

70
00:05:20,390 --> 00:05:26,640
konten secara horizontal dan vertikal dengan bantuan properti flexbox ini, seperti itu.

71
00:05:28,100 --> 00:05:32,570
Jika kita sekarang mencoba ini dan mungkin menguji ini di Android,

72
00:05:32,570 --> 00:05:43,440
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

73
00:05:43,440 --> 00:05:49,470
di sana jadi saya menerima pesan ini. Di sisi lain cepat dan mudah, di sana

74
00:05:49,470 --> 00:05:53,320
saya makan dan karenanya saya tidak mendapatkan pesan ini dan

75
00:05:53,400 --> 00:06:00,140
karena itu ini tidak terlihat terlalu buruk dan tentu saja mari kita juga coba nonaktifkan filter ini

76
00:06:00,160 --> 00:06:05,980
lagi dan kembali, inilah spageti . Jadi sekarang semuanya berfungsi dan ini adalah bagaimana kita dapat mengelola negara kita dengan Redux.