Reactda Reflar

Agar biz qandaydir ma'lumotni eslab qolishni istasak, lekin uning o'zgarishi komponentni qayta renderlashiga sabab bo'lishini istamasak, unda bizga reflar va ular bilan ishlaydigan useRef hooki kerak bo'ladi.

Ref (yoki havola) - bu current yagona xususiyatiga ega bo'lgan oddiy JavaScript obyekti bo'lib, uni siz o'qishingiz yoki o'zgartirishingiz mumkin.

State'lar kabi, reflar ham har qanday turdagi ma'lumotlarni saqlashi mumkin - bu raqamlar, satrlar, obyektlar va hatto funksiyalar bo'lishi mumkin.

Agar sizning ma'lumotlaringiz renderlash uchun ishlatilsa, ularni stateda saqlang, agar sizga renderlash kerak bo'lmasa, bunday holatda reflardan foydalanish samaraliroq bo'lishi mumkin. Bundan tashqari, statedan farqli o'laroq, ref qiymati darhol o'zgaradi.

Umuman olganda, reflar siz Reactdan chetga chiqib, tashqi APIlar - ko'pincha brauzer APIlari bilan o'zaro aloqada bo'lishingiz kerak bo'lgan joylarda qo'llaniladi, ular komponentning ko'rinishiga ta'sir qilmaydi. Bu masalan id taymerini saqlash yoki JSXni hisoblash shart bo'lmagan obyektni saqlash bo'lishi mumkin, lekin eng ko'p hollarda bu DOM elementlari bilan o'zaro aloqadir. Ularni fokusni boshqarish, matnni tanlash yoki multimediani ijro etish uchun ishlatish mumkin.

Keyingi darsda reflar va useRef hooki bilan amaliy ishlashni ko'rib chiqamiz.