React-тағы рефтер

Егер біз қандай да бір ақпаратты есте сақтағымыз келсе, бірақ оның өзгеруі компоненттің рендерингін тудырмасын десек, онда бізге рефтер және сәйкесінше олармен жұмыс істейтін useRef хукі көмекке келеді.

Реф (немесе сілтеме) - бұл жай ғана JavaScript объектісі, оның жалғыз current сипаты бар, оны сіз оқи немесе өзгерте аласыз.

Стейттер сияқты, рефтер де кез келген дерек түрін сақтай алады - бұл сандар, жолдар, объектілер және тіпті функциялар болуы мүмкін.

Егер сіздің деректеріңіз рендеринг үшін пайдаланылса, онда оларды стейтте сақтаңыз, ал егер рендеринг қажет болмаса, онда рефтерді пайдалану тиімдірек болуы мүмкін. Сонымен қатар, стейттен айырмашылығы рефтің мәні бірден өзгереді.

Жалпы алғанда, рефтер сізге React-тен тыс шығып, сыртқы API-лермен - әдетте браузерлік API-лермен, олар компоненттің көрінісіне әсер етпейтін, өзара әрекеттесу қажет болған жерлерде қолданылады. Мысалы, бұл id таймерін сақтау немесе JSX есептеуді қажет етпейтін объектіні сақтау болуы мүмкін, бірақ ең жиі бұл DOM элементтерімен өзара әрекеттесу. Оларды фокусты басқару, мәтінді бөлектеу немесе мультимедияны ойнату үшін қолдануға болады.

Келесі сабақта біз рефтермен және useRef хукімен жұмыс істеуді тәжірибеде қарастырамыз.