React 18 — kerumitan penggunaanEffect
Pelajari tentang perilaku rumit dari hook useEffect saat menggunakan Mode Ketat di React 18
React 18 telah keluar selama beberapa minggu. Meskipun membawa beberapa perbaikan, ini memperkenalkan perilaku yang cukup aneh ke salah satu kait yang paling umum digunakan. Mau tahu apa itu? Ini dia…
useEffect() yang seharusnya berjalan hanya pada pemasangan awal, berjalan dua kali!
Ya, Anda mendengarnya dengan benar! Jika Anda menggunakan React 18 dalam Mode Ketat, kode berikut:
Akan menghasilkan output seperti itu:
Hello there!
Hello there!
Seperti yang dinyatakan dalam dokumen , React 18 memperkenalkan pemeriksaan khusus pengembangan baru ke Mode Ketat. Pemeriksaan baru ini secara otomatis melepas dan memasang kembali setiap komponen, setiap kali komponen dipasang untuk pertama kalinya, memulihkan status sebelumnya pada pemasangan kedua.
Keputusan seperti itu dibuat oleh tim React, karena di masa mendatang, mereka ingin menambahkan fitur yang memungkinkan React untuk menambah dan menghapus bagian UI sambil mempertahankan status. Karena memerlukan komponen yang tahan terhadap efek yang dipasang dan dihancurkan beberapa kali, pemeriksaan tambahan telah diperkenalkan.
Jadi setiap komponen dipasang, lalu dilepas, dan akhirnya dipasang kembali?
Ya, begitulah cara kerjanya sekarang. Jika kita menggunakan useEffect()kail seperti ini:
Setelah menyegarkan halaman, hasilnya adalah
Mounting...
Unmounting...
Mounting...
Ringkasan
React 18 memperkenalkan pemeriksaan khusus pengembangan baru ke Mode Ketat. Pemeriksaan ini secara otomatis melepas dan memasang kembali komponen, membuat kait useEffect menyala dua kali pada pemasangan awal.
Suggested posts
Tidak ada lagi kata sandi — bagaimana kunci sandi akan menggantikan kata sandi Anda
Untuk menghindari ambiguitas istilah berikut akan digunakan; Pengautentikasi; Ponsel yang digunakan untuk membuat situs web login; Situs web atau aplikasi yang digunakan pengguna untuk membuat Layanan permintaan login; Vendor menyediakan layanan yang diberikan misalnya
3 Cara Terbukti untuk Meningkatkan Keterampilan Menulis Anda
Manfaat menulis, dan strategi untuk membantu Anda melakukannya
Di tahun 2022, dengan dirilisnya GPT-3, kemampuan menulis sepertinya menjadi kurang penting. Dengan AI, orang dengan tulisan yang buruk juga dapat menghasilkan staf yang berkualitas.
Related posts
Belajar di Minggu Kerja lebih penting daripada yang Anda pikirkan
Kita sering menemukan diri kita berjuang untuk menerapkan apa yang kita tahu baik untuk kita. Dari memberi tahu orang penting bahwa kita mencintai mereka hingga mengingat untuk berbicara seperti bajak laut, akan selalu ada orang yang mengklaim bahwa acara sehari, seminggu, atau sebulan tidak diperlukan karena mereka sudah melakukan hal-hal itu.
Apakah Seni Pernah Apolitis?
Kemarin kami menutup pintu pada Kontes Lagu Eurovision tahun ini dengan grand final yang gemerlap dan kacau di mana penyanyi Swedia Loreen membawa pulang trofi, menjadi wanita pertama yang menang dua kali dan membawa mahkota kembali ke Swedia 50 tahun setelah ABBA memenangkan kompetisi dengan "Waterloo". Mereka kemudian menjadi salah satu aksi terbesar dalam kanon musik pop.
Lacak Siapa Saja Hanya dengan Nomor Telepon | Investigasi OSINT
Anda bisa menjadi Penyelidik OSINT, Pemain CTF, atau sekadar seseorang yang menerima panggilan spam. Seseorang yang mencoba memverifikasi nomor yang Anda lihat di iklan.
Kebohongan Koboi
Bagaimana perusahaan besar menjual kebohongan besar kepada orang Amerika
Ini adalah pagi keemasan yang cemerlang di perbukitan barat, saat sinar pertama matahari menyinari rerumputan beku di dataran. Kawanan sapi Angus yang tenang, hitam legam dan besar, membentuk siluet melawan matahari terbit saat mereka menyusuri jalan setapak menuju lokasi yang mereka semua kenal dengan baik; bar sarapan.