Untuk memastikan bahwa mereka memuat, sekali
lagi kita perlu kembali ke pembuat tindakan dan menambahkan tindakan baru di pembuat tindakan pesanan, permisi.
Satu pengidentifikasi yang saya butuhkan adalah menetapkan pesanan, sama seperti kami memiliki satu untuk mengatur produk untuk mengatur pesanan dimuat dan
kemudian di sini saya memiliki pembuat
tindakan mengambil pesanan saya yang tidak mengambil argumen tetapi yang kemudian mengembalikan fungsi pengiriman async saya di sini, terima
kasih kepada Redux Thunk dan di sana akhirnya saya kirim atau saya mengirim tindakan baru di mana jenisnya mengatur pesanan dan di mana saya
memiliki pesanan saya dimuat dan tentu saja, itu tidak boleh menjadi array kosong.
Alih-alih, kita dapat meminjam logika dari pembuat tindakan produk, dari mengambil produk di sana. Kita dapat mengambil semua logika
itu, menyalin semua itu di sini dan memindahkannya ke pembuat perintah tindakan dan
menjalankannya
sebelum kita kirim, di sini. Sekarang tentu saja kita perlu memperbaiki ini, misalnya permintaan harus dikirim
ke pesanan / U1 dan lagi yang akan diganti kemudian dengan nilai dinamis,
karena sekarang sulit untuk mengambil pesanan untuk pengguna ini. Seharusnya mendapat permintaan, saya ingin memeriksa ini, itu
baik-baik saja.
Di sini saya
mendapatkan data tanggapan saya, sekarang di sini saya mendapat pesanan
saya yang dimuat, yang tampaknya menjadi
nama yang lebih tepat, masih saya loop melalui semua data yang saya dapatkan dan saya ingin mengatur pesanan
saya dimuat di sana tapi sekarang ada satu perbedaan
penting, Saya tidak membuat produk baru di sini yang saya tambahkan ke pesanan dimuat,
bukannya tentu saja saya perlu membuat pesanan baru di sini dan
untuk itu, Anda perlu mengimpor pesanan dari model pesanan. Sekarang saya juga melihat ada kurung kurawal
yang hilang, sekarang sebelum saya melanjutkan dengan itu, saya perlu memastikan bahwa saya juga
menangkap kesalahan yang mungkin saya dapatkan dan di sana saya ingin melempar kesalahan, pada dasarnya rethrow itu, pastikan itu mencapai komponen saya
dan saya perlu
satu lagi kurung kurawal penutupan tetapi sekarang kembali ke logika kami di sini
di mana saya membuat pesanan baru, di sana ID adalah
kuncinya, seperti halnya untuk produk, barang-barang dapat ditemukan dalam data respons saya karena kami pada dasarnya dapatkan kembali ini
di sini, jadi data respons akan menahan kunci item kartu misalnya yang menampung item
kartu saya yang saya butuhkan. Jadi respons data untuk kunci yang diberikan dan di sana,. cardItems, di situlah saya
menemukan barang-barang saya karena itulah yang kami kirim di sini pada akhirnya untuk menyimpan barang-barang kartu, maka pesanan
saya yang saya buat di sini tentu juga membutuhkan
jumlah total, saya dapatkan dari kunci resData dan kemudian ada jika kita punya
lihat Firebase, itu bidang jumlah total di sini dan tanggal.
Nah untuk itu, saya membuat objek tanggal baru tapi saya menginisialisasi ini dengan kunci resData. tanggal.
Sekarang kita perlu membuat objek data baru karena kunci resData. Date hanyalah string tanggal di sini dan saya
membutuhkan objek tanggal, bukan string tanggal, maka
kita bungkus, string ini kita bungkus dengan pembuatan objek tanggal di sini dan oleh karena itu kita mendapatkan objek
data
dan itulah urutan yang saya tambahkan di sini untuk memuat
pesanan, kami melakukan itu untuk semua pesanan yang kami ambil dan dengan itu, kami dapat mengirimkan ini dan
sekarang kami hanya perlu menanganinya di peredam pesanan.
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
mengembalikan objek keadaan baru di mana pesanan sama dengan tindakan. pesanan dan hanya itu yang perlu
kita lakukan, jadi
sangat sederhana.
Sekarang mengapa sesederhana itu?
Karena dalam pencipta aksi, kami melakukan semua pekerjaan. Di sana kami memetakan pesanan kami dan kemudian di
sini, saya hanya memiliki kunci pesanan pada tindakan saya yang menampung
semua pesanan yang dipetakan, jadi itulah yang saya butuhkan untuk menyimpan di sini.
Sekarang langkah selanjutnya adalah kami mengirim pesanan di sini di layar pesanan kami. Jadi mari kita pergi ke sana dan mari kita benar-benar
menambahkan efek penggunaan lagi untuk melakukan itu dan untuk mengirim, kita juga perlu mengimpor menggunakan
pengiriman dari React Redux dan kemudian di sini kita
bisa mendapatkan akses ke fungsi pengiriman dengan menjalankan pengiriman menggunakan dan kemudian
di sini dalam efek penggunaan, kami menambahkan pengiriman sebagai ketergantungan karena dalam fungsi efek ini di sini, saya mengirim
dan sekarang saya membutuhkan tindakan pesanan
saya, jadi izinkan saya mengimpor semuanya sebagai tindakan pesanan dari folder toko, dari folder tindakan, dari file pesanan
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
oleh karena itu sekarang jika kita menyimpan ini dan kita pergi ke layar pesanan,
itu awalnya kosong tapi sangat sangat cepat dan itu memuat semua pesanan yang kita simpan dan itu adalah ketiga pesanan yang saya miliki di
sini dan tentu saja, kami dapat memperluas ini seperti sebelumnya. Sekarang pemintal pemuatan akan menyenangkan juga dan tentu saja Anda
juga dapat menjeda
video di sini dan coba ini sendiri.
Saya akan segera melakukannya dengan cara yang sama seperti sebelumnya - impor
menggunakan negara dari React, maka di sini mengatur negara isLoading dan mengatur isLoading dengan mengeksekusi negara penggunaan dan mengatur ini ke false awalnya
dan kemudian di sini efeknya, pada akhirnya saya ingin untuk menggunakan async, tunggu.
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
dalam fungsi pembantu.
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
tahu kami memiliki respons, jadi di sini saya akan mengatur isLoading ke false.
Sekarang harap dicatat bahwa saya tidak memiliki penanganan kesalahan di sini, jadi
jika ini gagal, kami tidak menangani ini, sebagai gantinya kami
akan selalu berada dalam status memuat, jadi tentu saja Anda
mungkin ingin mempertimbangkan untuk menambahkan penanganan kesalahan juga. Saya tidak akan melakukannya di sini karena saya
menunjukkan cara kerjanya, untuk tidak mengasapi modul ini terlalu banyak, saya tidak
akan mengimplementasikannya, tetapi saya bisa tetapi
tentu saja Anda bisa menangani kesalahan di sini jika Anda ingin menggunakan ini kemudian pendekatan di sini dengan
menambahkan tangkapan, ini adalah
sesuatu yang benar-benar dapat Anda lakukan di sini.
Saya
akan fokus pada bagian pemuatan. Sekarang karena saya sudah menyiapkan semua itu, kita
dapat mengimpor indikator aktivitas
dan mengimpor komponen tampilan dan untuk beberapa gaya, juga mengimpor API stylesheet dari React Native dan kemudian memeriksa apakah kita dalam
keadaan memuat, dalam hal ini saya ingin mengembalikan indikator aktivitas terpusat saya di sini dengan ukuran besar dan warna yang seharusnya
merupakan warna yang harus Anda impor, oleh karena itu utama, jadi pastikan Anda menambahkan warna itu
dan menambahkannya, di sini saya akan menambahkan gaya yang sama untuk gaya. terpusat atau bagaimanapun Anda ingin memberi nama dan sekarang menambahkan
objek gaya di sini dengan bantuan Stylesheet. buat dan di sana terpusat
harus memiliki pengaturan satu fleksibel, membenarkan pusat konten dan menyelaraskan item pusat,
seperti ini. Dengan itu jika kita menyimpannya, kita melihat pesanan, kita melihat pemintal. Sekali lagi itu memuat sangat
cepat tetapi Anda dapat melihatnya jika Anda melihat dekat, inilah pemintal untuk
sepersekian detik dan setelah itu, pesanan dimuat. Jadi itu sekarang berfungsi, menyimpan dan mengambil pesanan
juga berfungsi dan dengan itu, kami menerapkan permintaan HTTP dan menggunakan server untuk menyimpan data dalam aplikasi ini.