Jadi kami ingin mengambil semua bahan setiap kali komponen bahan ini diberikan.
Sekarang seperti yang saya sebutkan di akhir kuliah terakhir biasanya kita akan menggunakan komponen
yang dipasang untuk mengambil sesuatu ketika komponen ini dipasang.
Tapi ini sekarang bukan pilihan lagi kecuali kita mengubahnya menjadi komponen berbasis kelas.
Tapi ada kaitan lain yang membantu kita.
Ini untuk menggunakan efek yang diambil.
Bagaimana cara kerjanya sama seperti Anda menyatakan aturan yang sama berlaku.
Anda hanya dapat menggunakannya dalam komponen fungsional atau Robert Hooks dan Anda harus menggunakannya di tingkat root.
Mari kita gunakan di sini.
Gunakan efek, gunakan fakta yang harus disebutkan karena ada untuk Anda mengelola efek samping dalam permintaan HBP adalah efek
samping khas efek samping pada dasarnya berarti bahwa Anda memiliki beberapa logika yang berjalan yang mempengaruhi aplikasi
Anda, misalnya kami mengambil beberapa data di sini tapi itu belum selesai dalam siklus penyaji
saat ini atau mungkin itu mempengaruhi sesuatu yang di luar lingkup kode J ex Anda di sana mungkin
Anda mengatur judul dokumen seperti itu.
Jadi apa pun yang Anda tidak dapat mengelola dengan komponen dos normal Anda
mendapatkan efek penggunaan aliran yang diberikan dan itu penting secara default dieksekusi setelah penting setelah setiap komponen membuat siklus.
Jadi setelah komponen ini di-render untuk pertama kalinya fungsi yang Anda lewati menggunakan efek karena
Anda harus mengurai fungsi di sana akan dieksekusi.
Jadi ini berjalan ketika komponen ini kembali ditampilkan.
Dan itu sangat penting untuk diingat setelah dan untuk setiap siklus render, ini
adalah dua bagian penting yang sebelumnya tidak secara bersamaan tetapi setelah dan untuk setiap siklus render.
Sekarang mengapa kita perlu menggunakan efek meskipun kita bisa memanggil mengambil untuk mendapatkan data kita seperti ini semacam efek penggunaan
yang benar.
Kami dapat memanggil fetch point di ini Anda atau saya akan secara otomatis mengirim permintaan get
dan memang hari penawaran kami akan mendapatkan data kami kembali dan kemudian kami dapat pada saat itu memblokir kami akan mendapatkan respons dan kami dapat mengembalikan respons Jason
untuk mendapatkan akses ke badan respons dan kami dapat menambahkan angka kemudian memblokir yang merupakan data respons kami dan ya kami juga
harus menangani kesalahan yang akan kami lakukan nanti.
Jadi di sini kita mendapat data tanggapan kita.
Ini dijalankan ketika komponen ini merender dan itulah yang kami inginkan saat ini diberikan
untuk pertama kali kami mengambilnya.
Jadi di sini kita mendapatkan data respons dan data respons dan case dasar api sebenarnya akan menjadi objek bukan
array.
Jadi kita harus mengubah ini bahan yang dimuat, katakanlah adalah array kosong yang merupakan konstanta pembantu di sini yang saya buat, lalu saya gunakan
untuk di dalam loop untuk mencari semua kunci saya dalam data respons itu karena sekali lagi data respons akan menjadi
objek setiap kunci akan dan Anda pada dasarnya dapat melihat objek di sini setiap kunci akan menjadi ide yang
unik dan nilai untuk kunci itu akan menjadi data aktual untuk bahan kami.
Jadi kita akan memiliki objek keseluruhan dengan I. baru ini D. kunci di sini dan kemudian benda-benda bersarang ini.
Jadi di sini kuncinya adalah ide unik dan nilai ini untuk tanggal tanggapan.
Kunci kemudian akan menjadi data bahan konkret kami.
Jadi karena itu di sini saya dapat menggunakan bahan-bahan yang dimuat array yang saya buat di sini dan mendorong bahan baru
ke atasnya.
Itu konstan tetapi dengan Pausch kami tidak mengedit nilai yang disimpan dan memuat bahan yang kami edit.
Array disimpan dalam memori dan jika itu tidak jelas untuk Anda lampirkan untuk menemukan sumber daya pada referensi
referensi javascript dan tipe primitif yang ada hubungannya dengan itu.
Jadi di sini saya bagian Anda keberatan ke array bahan yang dimuat ini.
Idenya adalah kunci itu dan judulnya merespons data untuk kunci itu dengan sintaks dinamis ini di sini.
Judul DOBBS dan jumlahnya adalah tanggal respons untuk jumlah titik kunci mati.
Jadi ini bagaimana saya memuat bahan saya bagaimana saya mengubah objek ini ke array
dan setelah transformasi ini dilakukan begitu sering untuk loop di sini kita tentu saja dapat memanggil set bahan pengguna dan mengatur sama dengan bahan
yang dimuat sehingga untuk array ini kami buat.
Pendekatan ini memiliki satu masalah besar.
Jika Anda menyimpan ini, Anda benar-benar berakhir dengan loop tak terbatas di sini kesombongan adalah jika Anda mengakses
tab jaringan Anda mengirim banyak permintaan.
Karena itu saya akan dengan cepat berkomentar baris bahan pengguna yang ditetapkan di sini sehingga ini memuat kembali dan
kami berhenti mengirim ini.
Jadi mengapa kita memasuki infinite loop di sini jika kita mengambil data seperti ini.
Jika Anda mengambil data di sini di fungsi render Anda maka setiap kali
bahan membuat Anda mengirim permintaan HDP dan ketika Anda kemudian hasilnya sering permintaan HDP memperbarui negara Anda.
Apa yang terjadi jika Anda memperbarui komponen negara bagian Anda dirender lagi sehingga bahan merender lagi dan apa
artinya ini.
Kami mengirim permintaan PDB yang marah apa artinya ini.
Kami memperbarui keadaan di beberapa titik.
Apa artinya ini.
Kami membuat.
Kami mengirim permintaan lain.
Kami memperbarui status yang kami berikan berakhir.
Jadi itulah loop tak terbatas.
Itu sebabnya mengirim ini ke sini bukan pilihan.
Jadi mari kita tangkap ini di sini dan mari kita pindahkan ke fungsi efek penggunaan ini di sini.
Sekarang komentar kembali.
Sekarang kita menjalankan ini setelah setiap siklus pelari tetapi masih secara default untuk setiap siklus render dan karenanya tidak mengejutkan
jika saya mengamankan dan kita pergi ke tab jaringan kita masih memiliki loop tak terbatas.
Jadi sekali lagi mari kita beri komentar di sini dan aman untuk memperbarui halaman kami dan menghentikan loop itu.
Jadi bagaimana kita bisa memperbaikinya?
Sebenarnya semua itu butuh argumen kedua.
Argumen pertama adalah fungsi ini yang dijalankan setelah setiap siklus render.
Argumen kedua adalah array dengan dependensi fungsi Anda dan hanya ketika dependensi seperti itu berubah
hanya maka fungsi tersebut akan menjalankan kembali.
Jadi ini memungkinkan Anda untuk mengontrol seberapa sering fungsi berjalan secara default untuk setiap siklus render.
Tapi Anda bisa mengubahnya.
Sekarang di sini kita sebenarnya tidak memiliki dependensi eksternal dan dengan dependensi eksternal yang saya maksud adalah variabel atau
data yang Anda gunakan yang Anda tentukan dalam komponen Anda di luar fungsi use use mempengaruhi.
Kami tidak menggunakan apa pun dari itu sehingga Anda adalah respon hardcoded adalah variabel yang dibuat di sini dengan
cepat.
Data respons memuat bahan yang semuanya dibuat di fly set.
Bahan pengguna.
Itu sebenarnya fungsi yang disimpan dalam variabel.
Datang dari luar.
Tapi itu fungsi khusus karena ini dihasilkan oleh penggunaan.
Negara bereaksi secara otomatis membuatnya sedemikian sehingga disfungsi tidak pernah benar-benar berubah dan tidak harus
dianggap sebagai ketergantungan.
Jadi itu pengecualian karena ini adalah fungsi yang dihasilkan oleh kondisi penggunaan dan oleh karena itu fungsi ini mempengaruhi fungsi di sini
sebenarnya tidak memiliki dependensi eksternal dan jadi kita dapat menambahkan array kosong tetapi kita harus melakukan itu
dengan mengakui bahwa itu bukan pilihan.
Dennis berjalan untuk setiap siklus render.
Jika Anda menambahkan array kosong meskipun yang terjadi adalah ini sekarang berjalan ketika komponen ini pertama kali
diberikan.
Jadi ini berjalan sekali saja.
Itu tidak diakui sepenuhnya tetapi berjalan satu kali tetapi tidak pernah berjalan sesudahnya.
Jadi dengan array kosong itu seperti komponen yang bisa me-mount jenis utang yang dihafal dengan array kosong
sebagai argumen kedua.
Fungsi yang Anda harus gunakan efeknya adalah seperti komponen melakukan mount jadi jika kita menyimpan ini sekarang jika kita pergi ke tab
jaringan kita tidak melihat permintaan yang sedang berlangsung di sana dan kita melihat data kita dimuat.
Itu jika saya menyimpan lagi ketika Anda melihat data kami dimuat sehingga ini sekarang bekerja dengan bantuan efek
penggunaan.