Reactдаги рефлар

Агар биз каердидир маълумотни ёдда саклашни истасак, аммо унинг ўзгариши компонентни қайта рендер қилишига сабаб бўлишини истамасак, у ҳолда бизга рефлар ва улар билан ишлайдиган useRef хуки даркор бўлади.

Реф (ёки ссылка) - бу ягона current хусусияти бўлган оддий JavaScript объекти бўлиб, сиз уни ўқишингиз ёки ўзгартиришингиз мумкин.

Стейтлар каби, рефлар ҳам исталган турдаги маълумотларни сақлаши мумкин - бу рақамлар, сатрлар, объектлар ва ҳатто функциялар бўлиши мумкин.

Агар сизнинг маълумотларингиз рендерлаш учун ишлатилса, уларни стейтда сақланг, а агар сизга рендерлаш шарт эмас, бу ҳолда рефлардан фойдаланиш самаралирок бўлиши мумкин. Бундан ташқари стейтдан фарқли ўларок, рефнинг қиймати дароқ ўзгариши мумкин.

Умуман олганда, рефлар сиз Reactдан четлашиб, ташқи APIлар билан ўзаро таъсирлашишингиз керак бўлган жойларда қўлланилади - кўпинча браузер APIлари билан, улар компонентнинг кўринишига таъсир қилмайди. Бу масалан id таймерни сақлаш ёки JSX ҳисоблаш шарт эмас бўлган объектни сақлаш бўлиши мумкин, лекин кўпинча бу DOM элементлари билан ўзаро таъсирлашишдир. Улар фокуcни бошқариш, матнни танлаш ёки мультимедиани ижро этиш учун қўлланиши мумкин.

Кейинги дарсда биз рефлар ва useRef хуки билан ишлашни амалда кўриб чиқамиз.