1 00:00:02,130 --> 00:00:06,200 Sekarang tentu saja ketika menyimpan pesanan, akan lebih baik jika kita melihat 2 00:00:06,210 --> 00:00:11,640 pemintal kecil di sini ketika kita mengklik tombol pesanan sekarang sampai ini selesai dan kita dapat 3 00:00:11,640 --> 00:00:16,030 menerapkan ini juga, kita hanya perlu pergi ke layar keranjang yang tempat kami 4 00:00:16,050 --> 00:00:20,800 mengirimkan tindakan ini untuk mengirim pesanan, di sini kami mengirim dan sekarang mengirim di 5 00:00:20,970 --> 00:00:29,020 sini tentu saja mengembalikan janji pada akhirnya, tepat karena menghapus dari keranjang, yang merupakan kasus ketika kita mengklik tombol ini, dan pesanan, tambahkan pesanan 6 00:00:29,020 --> 00:00:33,580 akan mengembalikan berjanji pada akhirnya berkat perubahan kami, sehingga pengiriman akan mengembalikan janji, jadi 7 00:00:33,580 --> 00:00:36,780 di sinilah kami dapat mengontrol status pemuatan kami. 8 00:00:36,940 --> 00:00:41,590 Sekarang untuk membuatnya sedikit lebih mudah dibaca, saya akan memindahkannya dari fungsi anonim ini 9 00:00:41,590 --> 00:00:46,150 di sini dan benar-benar membuat fungsi baru yang disimpan dalam konstanta di 10 00:00:46,160 --> 00:00:53,590 sini di komponen saya tetapi di luar pohon jsx dan saya akan beri nama penangan pesanan ini atau hal seperti itu. 11 00:00:53,660 --> 00:00:56,440 Itu fungsi yang sama yang saya gunakan 12 00:00:56,510 --> 00:01:04,520 sebelumnya, sekarang saya hanya akan keberatan ini ke pengirim pesanan dan sekarang idenya sederhana, di sini tambahkan pesanan akan mengembalikan janji seperti yang 13 00:01:04,520 --> 00:01:10,400 saya katakan, pengiriman karena itu mengembalikan janji, sehingga kami dapat menambahkan async di sini jadi bahwa kita 14 00:01:10,400 --> 00:01:16,440 dapat kembali menggunakan async menunggu dan mengelola pemuatan dan mungkin juga status kesalahan seperti yang kita lakukan sebelumnya. 15 00:01:16,460 --> 00:01:23,940 Jadi kita hanya perlu mengimpor status penggunaan dari Bereaksi dan tentu saja menginisialisasi keadaan kita lagi. 16 00:01:23,940 --> 00:01:33,150 Jadi di sini kita memiliki isLoading dan atur isLoading dan awalnya itu salah dan jika Anda ingin yang tidak akan saya lakukan di sini tetapi jika Anda 17 00:01:33,150 --> 00:01:33,800 mau, 18 00:01:33,810 --> 00:01:39,810 Anda juga dapat menambahkan penanganan kesalahan dengan cara yang sama seperti yang kami lakukan sebelumnya dengan menggunakan status 19 00:01:39,810 --> 00:01:43,610 kesalahan, mungkin menggunakan efek untuk kemudian menampilkan peringatan dan seterusnya, saya 20 00:01:43,650 --> 00:01:45,530 akan fokus pada bagian pemuatan. 21 00:01:45,690 --> 00:01:47,970 Jadi sekarang di sini di send 22 00:01:48,000 --> 00:01:50,970 order handler, saya akan memanggil set isLoading dan 23 00:01:51,210 --> 00:01:56,610 set ini menjadi true, maka kami menunggu pengiriman ini, jadi kami menunggu sampai janji ini 24 00:01:56,610 --> 00:02:02,760 selesai dan lagi ini hanya secara tak terlihat membungkus bagian-bagian setelahnya menjadi blok kemudian karena setelah itu 25 00:02:02,760 --> 00:02:04,290 saya akan mengatur memuat 26 00:02:04,290 --> 00:02:10,160 kembali ke false, kami tidak memuat lagi dan sekarang kami dapat menggunakannya untuk menampilkan indikator aktivitas. 27 00:02:10,250 --> 00:02:19,880 Jadi mari kita impor indikator aktivitas dari Bereaksi Asli di sini dan yang ingin saya lakukan adalah di sini 28 00:02:19,910 --> 00:02:22,170 alih-alih tombol pesanan sekarang, 29 00:02:22,190 --> 00:02:30,320 saya ingin menunjukkan indikator itu saat saya memuat. Jadi di sini saya dapat memeriksa apakah iso Memuat benar, 30 00:02:30,320 --> 00:02:40,100 jika demikian, saya akan menunjukkan indikator aktivitas saya dengan ukuran katakanlah kecil dan warna warna, yang Anda perlu memastikan yang diimpor, primer dan yang 31 00:02:40,150 --> 00:02:45,200 menutup sendiri dan sebaliknya jika kita tidak memuat, maka saya akan menunjukkan 32 00:02:45,240 --> 00:02:47,260 tombol ini tentu saja. 33 00:02:47,340 --> 00:02:53,690 Jadi di sini saya ingin membuat tombol ini dalam kasus lain dan sekarang mari kita coba ini. 34 00:02:53,720 --> 00:02:55,370 Mari kita simpan 35 00:02:55,430 --> 00:02:59,030 itu, tambahkan ini ke kartu mungkin dua kali, klik 36 00:02:59,150 --> 00:03:06,560 pesanan sekarang, kami melihat pemintal selama sepersekian detik di sini dan sekarang jika kita melihat pesanan, inilah pesanan kami. 37 00:03:06,560 --> 00:03:10,250 Sekarang mari kita pastikan bahwa pesanan juga dimuat ketika kita mengunjungi layar.