Variasi Hook useEffect dalam React
Hook useEffect mempunyai variasi lain,
yang spesifik dan sangat jarang digunakan,
oleh itu kita akan membincangkannya secara ringkas.
Variasi pertama ialah hook useLayoutEffect,
yang diaktifkan sebelum pelayar
melukis semula skrin. Anda boleh menggunakan
keupayaan ini untuk mengira saiz dan
kedudukan komponen berdasarkan
elemen lain, supaya semasa pelukisan, pelayar
akan memaparkannya dengan segera di tempat dan cara yang betul. Berkat
ini, sebagai contoh, pengguna tidak akan melihat
lompatan perantaraan komponen apabila
kedudukan atau saiz berubah, tetapi hanya
versi akhir mereka.
Variasi kedua ialah hook useInsertionEffect,
yang diaktifkan sebelum sebarang
perubahan pada pokok DOM, iaitu apabila
refs
belum dilampirkan dan DOM belum dikemas kini.
Ia digunakan terutamanya di mana perlu
memasukkan gaya dinamik dari pustaka CSS-in-JS
sebelum perubahan DOM.
