Reactdagi useEffect hookining variatsiyalari

useEffect hookining yana variatsiyalari mavjud bo'lib, ular o'ziga xos va juda kam qo'llaniladi, shuning uchun biz ularga qisqacha to'xtalamiz.

Birinchi variatsiya - bu useLayoutEffect hooki bo'lib, u brauzer ekranni qayta chizishidan oldin ishtirok etadi. Ushbu imkoniyatdan siz komponentning o'lchamlari va joylashuvini boshqa elementlarga bog'liq holda hisoblash uchun foydalanishingiz mumkin, shunda brauzer uni darhol kerakli joyda va ko'rinishda aks ettirishi mumkin. Buning ahamiyati shundaki, masalan, foydalanuvchi komponentning o'lchami yoki joylashuvi o'zgarganda oraliq sakrashlarni ko'rmaydi, faqatgina yakuniy versiyasini ko'radi.

Ikkinchi variatsiya - bu useInsertionEffect hooki bo'lib, u DOM daraxtida hech qanday o'zgarishlar bo'lishidan oldin ishtirok etadi, ya'ni o'sha paytda, refs biriktirilmagan va DOM yangilanmagan bo'ladi. Asosan, DOM o'zgashidan oldin CSS-in-JS kutubxonalaridan dinamik uslublarni kiritish kerak bo'lgan joylarda qo'llaniladi.