რეფები React-ში

თუ გვსურს რაიმე ინფორმაციის დამახსოვრება, მაგრამ არ გვინდა, რომ მისი ცვლილება გამოიწვიოს კომპონენტის რენდერი, მაშინ დაგვეხმარება რეფები და შესაბამისად ჰუკი useRef, რომელიც მათთან მუშაობს.

რეფი (ან ბმული) არის ჩვეულებრივი JavaScript-ის ობიექტი ერთადერთი თვისებით current, რომლის წაკითხვაც ან შეცვლაც შეგიძლიათ.

სტეიტების მსგავსად, რეფებსაც შეუძლიათ ნებისმიერი ტიპის მონაცემების შენახვა - ეს შეიძლება იყოს რიცხვები, სტრიქონები, ობიექტები და აღნიშვნის ფუნქციებიც კი.

თუ თქვენი მონაცემები გამოიყენება რენდერინგისთვის, მაშინ შეინახეთ ისინი სტეიტში, ხოლო თუ რენდერინგი არ გჭირდებათ, ასეთ შემთხვევაში რეფების გამოყენება შეიძლება უფრო ეფექტური აღმოჩნდეს. გარდა ამისა, სტეიტისგან განსხვავებით რეფის მნიშვნელობა იცვლება მყისიერად.

ზოგადად, რეფები გამოიყენება იქ, სადაც საჭიროა React-იდან გადახვევა და გარე API-ებთან ურთიერთქმედება - ყველაზე ხშირად ბრაუზერულთან, რაც არ მოქმედებს კომპონენტის გამოსახულებაზე. ეს შეიძლება იყოს, მაგალითად, ტაიმერის id-ის შენახვა ან ისეთი ობიექტის შენახვა, რისთვისაც არ არის საჭირო JSX-ის გამოთვლა, მაგრამ ყველაზე ხშირად ეს არის ურთიერთქმედება DOM-ის ელემენტებთან. მათი გამოყენება შესაძლებელია ფოკუსის მართვის, ტექსტის შერჩევის ან მულტიმედიის აღწარმოებისთვის.

შემდეგ გაკვეთილზე ჩვენ პრაქტიკულად განვიხილავთ მუშაობას რეფებთან და ჰუკთან useRef.