Sekarang tentu saja ketika menyimpan pesanan, akan lebih baik jika kita melihat
pemintal kecil di sini ketika kita mengklik tombol pesanan sekarang sampai ini selesai dan kita dapat
menerapkan ini juga, kita hanya perlu pergi ke layar keranjang yang tempat kami
mengirimkan tindakan ini untuk mengirim pesanan, di sini kami mengirim dan sekarang mengirim di
sini tentu saja mengembalikan janji pada akhirnya, tepat karena menghapus dari keranjang, yang merupakan kasus ketika kita mengklik tombol ini, dan pesanan, tambahkan pesanan
akan mengembalikan berjanji pada akhirnya berkat perubahan kami, sehingga pengiriman akan mengembalikan janji, jadi
di sinilah kami dapat mengontrol status pemuatan kami.
Sekarang untuk membuatnya sedikit lebih mudah dibaca, saya akan memindahkannya dari fungsi anonim ini
di sini dan benar-benar membuat fungsi baru yang disimpan dalam konstanta di
sini di komponen saya tetapi di luar pohon jsx dan saya akan beri nama penangan pesanan ini atau hal seperti itu.
Itu fungsi yang sama yang saya gunakan
sebelumnya, sekarang saya hanya akan keberatan ini ke pengirim pesanan dan sekarang idenya sederhana, di sini tambahkan pesanan akan mengembalikan janji seperti yang
saya katakan, pengiriman karena itu mengembalikan janji, sehingga kami dapat menambahkan async di sini jadi bahwa kita
dapat kembali menggunakan async menunggu dan mengelola pemuatan dan mungkin juga status kesalahan seperti yang kita lakukan sebelumnya.
Jadi kita hanya perlu mengimpor status penggunaan dari Bereaksi dan tentu saja menginisialisasi keadaan kita lagi.
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
mau,
Anda juga dapat menambahkan penanganan kesalahan dengan cara yang sama seperti yang kami lakukan sebelumnya dengan menggunakan status
kesalahan, mungkin menggunakan efek untuk kemudian menampilkan peringatan dan seterusnya, saya
akan fokus pada bagian pemuatan.
Jadi sekarang di sini di send
order handler, saya akan memanggil set isLoading dan
set ini menjadi true, maka kami menunggu pengiriman ini, jadi kami menunggu sampai janji ini
selesai dan lagi ini hanya secara tak terlihat membungkus bagian-bagian setelahnya menjadi blok kemudian karena setelah itu
saya akan mengatur memuat
kembali ke false, kami tidak memuat lagi dan sekarang kami dapat menggunakannya untuk menampilkan indikator aktivitas.
Jadi mari kita impor indikator aktivitas dari Bereaksi Asli di sini dan yang ingin saya lakukan adalah di sini
alih-alih tombol pesanan sekarang,
saya ingin menunjukkan indikator itu saat saya memuat. Jadi di sini saya dapat memeriksa apakah iso Memuat benar,
jika demikian, saya akan menunjukkan indikator aktivitas saya dengan ukuran katakanlah kecil dan warna warna, yang Anda perlu memastikan yang diimpor, primer dan yang
menutup sendiri dan sebaliknya jika kita tidak memuat, maka saya akan menunjukkan
tombol ini tentu saja.
Jadi di sini saya ingin membuat tombol ini dalam kasus lain dan sekarang mari kita coba ini.
Mari kita simpan
itu, tambahkan ini ke kartu mungkin dua kali, klik
pesanan sekarang, kami melihat pemintal selama sepersekian detik di sini dan sekarang jika kita melihat pesanan, inilah pesanan kami.
Sekarang mari kita pastikan bahwa pesanan juga dimuat ketika kita mengunjungi layar.