1
00:00:02,550 --> 00:00:04,670
Untuk memastikan bahwa mereka memuat, sekali

2
00:00:04,710 --> 00:00:10,260
lagi kita perlu kembali ke pembuat tindakan dan menambahkan tindakan baru di pembuat tindakan pesanan, permisi.

3
00:00:11,590 --> 00:00:18,880
Satu pengidentifikasi yang saya butuhkan adalah menetapkan pesanan, sama seperti kami memiliki satu untuk mengatur produk untuk mengatur pesanan dimuat dan

4
00:00:18,880 --> 00:00:21,340
kemudian di sini saya memiliki pembuat

5
00:00:21,340 --> 00:00:28,120
tindakan mengambil pesanan saya yang tidak mengambil argumen tetapi yang kemudian mengembalikan fungsi pengiriman async saya di sini, terima

6
00:00:28,140 --> 00:00:36,580
kasih kepada Redux Thunk dan di sana akhirnya saya kirim atau saya mengirim tindakan baru di mana jenisnya mengatur pesanan dan di mana saya

7
00:00:36,580 --> 00:00:41,250
memiliki pesanan saya dimuat dan tentu saja, itu tidak boleh menjadi array kosong.

8
00:00:41,290 --> 00:00:47,050
Alih-alih, kita dapat meminjam logika dari pembuat tindakan produk, dari mengambil produk di sana. Kita dapat mengambil semua logika

9
00:00:47,110 --> 00:00:55,850
itu, menyalin semua itu di sini dan memindahkannya ke pembuat perintah tindakan dan

10
00:00:55,850 --> 00:00:57,180
menjalankannya

11
00:00:57,410 --> 00:01:04,000
sebelum kita kirim, di sini. Sekarang tentu saja kita perlu memperbaiki ini, misalnya permintaan harus dikirim

12
00:01:04,190 --> 00:01:07,940
ke pesanan / U1 dan lagi yang akan diganti kemudian dengan nilai dinamis,

13
00:01:07,940 --> 00:01:13,880
karena sekarang sulit untuk mengambil pesanan untuk pengguna ini. Seharusnya mendapat permintaan, saya ingin memeriksa ini, itu

14
00:01:13,880 --> 00:01:14,930
baik-baik saja.

15
00:01:14,930 --> 00:01:16,250
Di sini saya

16
00:01:16,250 --> 00:01:19,450
mendapatkan data tanggapan saya, sekarang di sini saya mendapat pesanan

17
00:01:19,460 --> 00:01:21,550
saya yang dimuat, yang tampaknya menjadi

18
00:01:21,560 --> 00:01:27,170
nama yang lebih tepat, masih saya loop melalui semua data yang saya dapatkan dan saya ingin mengatur pesanan

19
00:01:27,230 --> 00:01:30,050
saya dimuat di sana tapi sekarang ada satu perbedaan

20
00:01:30,050 --> 00:01:34,210
penting, Saya tidak membuat produk baru di sini yang saya tambahkan ke pesanan dimuat,

21
00:01:34,340 --> 00:01:37,680
bukannya tentu saja saya perlu membuat pesanan baru di sini dan

22
00:01:37,890 --> 00:01:43,510
untuk itu, Anda perlu mengimpor pesanan dari model pesanan. Sekarang saya juga melihat ada kurung kurawal

23
00:01:43,520 --> 00:01:48,990
yang hilang, sekarang sebelum saya melanjutkan dengan itu, saya perlu memastikan bahwa saya juga

24
00:01:49,020 --> 00:01:57,550
menangkap kesalahan yang mungkin saya dapatkan dan di sana saya ingin melempar kesalahan, pada dasarnya rethrow itu, pastikan itu mencapai komponen saya

25
00:01:57,550 --> 00:01:59,220
dan saya perlu

26
00:01:59,260 --> 00:02:04,530
satu lagi kurung kurawal penutupan tetapi sekarang kembali ke logika kami di sini

27
00:02:07,350 --> 00:02:11,480
di mana saya membuat pesanan baru, di sana ID adalah

28
00:02:11,490 --> 00:02:18,920
kuncinya, seperti halnya untuk produk, barang-barang dapat ditemukan dalam data respons saya karena kami pada dasarnya dapatkan kembali ini

29
00:02:18,920 --> 00:02:24,420
di sini, jadi data respons akan menahan kunci item kartu misalnya yang menampung item

30
00:02:24,420 --> 00:02:30,360
kartu saya yang saya butuhkan. Jadi respons data untuk kunci yang diberikan dan di sana,. cardItems, di situlah saya

31
00:02:30,360 --> 00:02:38,200
menemukan barang-barang saya karena itulah yang kami kirim di sini pada akhirnya untuk menyimpan barang-barang kartu, maka pesanan

32
00:02:38,200 --> 00:02:42,610
saya yang saya buat di sini tentu juga membutuhkan

33
00:02:42,640 --> 00:02:48,700
jumlah total, saya dapatkan dari kunci resData dan kemudian ada jika kita punya

34
00:02:48,700 --> 00:02:53,290
lihat Firebase, itu bidang jumlah total di sini dan tanggal.

35
00:02:53,330 --> 00:03:00,520
Nah untuk itu, saya membuat objek tanggal baru tapi saya menginisialisasi ini dengan kunci resData. tanggal.

36
00:03:00,540 --> 00:03:05,760
Sekarang kita perlu membuat objek data baru karena kunci resData. Date hanyalah string tanggal di sini dan saya

37
00:03:05,850 --> 00:03:08,190
membutuhkan objek tanggal, bukan string tanggal, maka

38
00:03:08,190 --> 00:03:13,800
kita bungkus, string ini kita bungkus dengan pembuatan objek tanggal di sini dan oleh karena itu kita mendapatkan objek

39
00:03:13,800 --> 00:03:14,220
data

40
00:03:14,250 --> 00:03:17,130
dan itulah urutan yang saya tambahkan di sini untuk memuat

41
00:03:17,130 --> 00:03:22,470
pesanan, kami melakukan itu untuk semua pesanan yang kami ambil dan dengan itu, kami dapat mengirimkan ini dan

42
00:03:22,470 --> 00:03:24,950
sekarang kami hanya perlu menanganinya di peredam pesanan.

43
00:03:25,080 --> 00:03:32,230
Jadi di sana, jika saya menangani pesanan yang ditetapkan dan untuk itu, Anda tentu perlu mengimpor pengidentifikasi tindakan ini, satu-satunya hal yang perlu saya lakukan adalah saya harus

44
00:03:32,290 --> 00:03:37,500
mengembalikan objek keadaan baru di mana pesanan sama dengan tindakan. pesanan dan hanya itu yang perlu

45
00:03:37,570 --> 00:03:39,280
kita lakukan, jadi

46
00:03:39,280 --> 00:03:40,640
sangat sederhana.

47
00:03:40,720 --> 00:03:42,250
Sekarang mengapa sesederhana itu?

48
00:03:42,280 --> 00:03:47,530
Karena dalam pencipta aksi, kami melakukan semua pekerjaan. Di sana kami memetakan pesanan kami dan kemudian di

49
00:03:47,530 --> 00:03:50,290
sini, saya hanya memiliki kunci pesanan pada tindakan saya yang menampung

50
00:03:50,440 --> 00:03:53,740
semua pesanan yang dipetakan, jadi itulah yang saya butuhkan untuk menyimpan di sini.

51
00:03:54,150 --> 00:04:03,570
Sekarang langkah selanjutnya adalah kami mengirim pesanan di sini di layar pesanan kami. Jadi mari kita pergi ke sana dan mari kita benar-benar

52
00:04:03,840 --> 00:04:10,560
menambahkan efek penggunaan lagi untuk melakukan itu dan untuk mengirim, kita juga perlu mengimpor menggunakan

53
00:04:10,560 --> 00:04:14,470
pengiriman dari React Redux dan kemudian di sini kita

54
00:04:14,730 --> 00:04:20,050
bisa mendapatkan akses ke fungsi pengiriman dengan menjalankan pengiriman menggunakan dan kemudian

55
00:04:20,250 --> 00:04:28,420
di sini dalam efek penggunaan, kami menambahkan pengiriman sebagai ketergantungan karena dalam fungsi efek ini di sini, saya mengirim

56
00:04:28,420 --> 00:04:31,640
dan sekarang saya membutuhkan tindakan pesanan

57
00:04:31,660 --> 00:04:39,730
saya, jadi izinkan saya mengimpor semuanya sebagai tindakan pesanan dari folder toko, dari folder tindakan, dari file pesanan

58
00:04:39,730 --> 00:04:50,840
dan dengan yang diimpor di sini , kita bisa mengatakan perintah tindakan. mengambil pesanan seperti itu dan kemudian kita akan melanjutkan dan membuat permintaan itu dan

59
00:04:51,110 --> 00:04:56,690
oleh karena itu sekarang jika kita menyimpan ini dan kita pergi ke layar pesanan,

60
00:04:56,690 --> 00:05:05,790
itu awalnya kosong tapi sangat sangat cepat dan itu memuat semua pesanan yang kita simpan dan itu adalah ketiga pesanan yang saya miliki di

61
00:05:05,790 --> 00:05:14,260
sini dan tentu saja, kami dapat memperluas ini seperti sebelumnya. Sekarang pemintal pemuatan akan menyenangkan juga dan tentu saja Anda

62
00:05:14,260 --> 00:05:15,790
juga dapat menjeda

63
00:05:15,790 --> 00:05:18,830
video di sini dan coba ini sendiri.

64
00:05:18,830 --> 00:05:24,830
Saya akan segera melakukannya dengan cara yang sama seperti sebelumnya - impor

65
00:05:24,900 --> 00:05:36,120
menggunakan negara dari React, maka di sini mengatur negara isLoading dan mengatur isLoading dengan mengeksekusi negara penggunaan dan mengatur ini ke false awalnya

66
00:05:36,120 --> 00:05:42,540
dan kemudian di sini efeknya, pada akhirnya saya ingin untuk menggunakan async, tunggu.

67
00:05:42,550 --> 00:05:50,920
Sekarang saya mengatakan bahwa Anda tidak dapat atau tidak seharusnya menambahkan async di sini, jadi kita dapat menggunakannya kemudian di sini cukup atau membungkus ini

68
00:05:50,920 --> 00:05:52,150
dalam fungsi pembantu.

69
00:05:52,150 --> 00:06:01,320
Sekarang saya hanya akan menggunakan panggilan itu, jadi saya akan mengatur isLoading menjadi true di sini dan kemudian menambahkan kemudian di sini dan setelah ini selesai, saya

70
00:06:01,320 --> 00:06:05,880
tahu kami memiliki respons, jadi di sini saya akan mengatur isLoading ke false.

71
00:06:05,880 --> 00:06:08,680
Sekarang harap dicatat bahwa saya tidak memiliki penanganan kesalahan di sini, jadi

72
00:06:08,700 --> 00:06:11,050
jika ini gagal, kami tidak menangani ini, sebagai gantinya kami

73
00:06:11,070 --> 00:06:13,530
akan selalu berada dalam status memuat, jadi tentu saja Anda

74
00:06:13,530 --> 00:06:18,200
mungkin ingin mempertimbangkan untuk menambahkan penanganan kesalahan juga. Saya tidak akan melakukannya di sini karena saya

75
00:06:18,200 --> 00:06:21,570
menunjukkan cara kerjanya, untuk tidak mengasapi modul ini terlalu banyak, saya tidak

76
00:06:21,660 --> 00:06:23,360
akan mengimplementasikannya, tetapi saya bisa tetapi

77
00:06:23,370 --> 00:06:28,710
tentu saja Anda bisa menangani kesalahan di sini jika Anda ingin menggunakan ini kemudian pendekatan di sini dengan

78
00:06:28,710 --> 00:06:30,400
menambahkan tangkapan, ini adalah

79
00:06:30,420 --> 00:06:32,790
sesuatu yang benar-benar dapat Anda lakukan di sini.

80
00:06:33,430 --> 00:06:35,340
Saya

81
00:06:35,350 --> 00:06:43,000
akan fokus pada bagian pemuatan. Sekarang karena saya sudah menyiapkan semua itu, kita

82
00:06:43,000 --> 00:06:45,560
dapat mengimpor indikator aktivitas

83
00:06:45,570 --> 00:06:55,340
dan mengimpor komponen tampilan dan untuk beberapa gaya, juga mengimpor API stylesheet dari React Native dan kemudian memeriksa apakah kita dalam

84
00:06:55,370 --> 00:07:04,890
keadaan memuat, dalam hal ini saya ingin mengembalikan indikator aktivitas terpusat saya di sini dengan ukuran besar dan warna yang seharusnya

85
00:07:04,920 --> 00:07:12,180
merupakan warna yang harus Anda impor, oleh karena itu utama, jadi pastikan Anda menambahkan warna itu

86
00:07:12,220 --> 00:07:23,620
dan menambahkannya, di sini saya akan menambahkan gaya yang sama untuk gaya. terpusat atau bagaimanapun Anda ingin memberi nama dan sekarang menambahkan

87
00:07:23,620 --> 00:07:32,190
objek gaya di sini dengan bantuan Stylesheet. buat dan di sana terpusat

88
00:07:32,840 --> 00:07:44,750
harus memiliki pengaturan satu fleksibel, membenarkan pusat konten dan menyelaraskan item pusat,

89
00:07:44,750 --> 00:07:53,980
seperti ini. Dengan itu jika kita menyimpannya, kita melihat pesanan, kita melihat pemintal. Sekali lagi itu memuat sangat

90
00:07:54,010 --> 00:07:59,890
cepat tetapi Anda dapat melihatnya jika Anda melihat dekat, inilah pemintal untuk

91
00:07:59,980 --> 00:08:06,850
sepersekian detik dan setelah itu, pesanan dimuat. Jadi itu sekarang berfungsi, menyimpan dan mengambil pesanan

92
00:08:07,030 --> 00:08:13,770
juga berfungsi dan dengan itu, kami menerapkan permintaan HTTP dan menggunakan server untuk menyimpan data dalam aplikasi ini.