Refi React

Ja mēs vēlamies atcerēties kādu informāciju, bet nevēlamies, lai tās izmaiņas izraisītu komponenta renderēšanu, tad mums noderēs refi un attiecīgi hook useRef, kas ar tiem strādā.

Refs (vai atsauce) ir parasts JavaScript objekts ar vienīgo īpašību current, ko jūs varat lasīt vai mainīt.

Tāpat kā stāvokļi, refi var glabāt jebkāda veida datus - tie var būt skaitļi, virknes, objekti un pat funkcijas.

Ja jūsu dati tiek izmantoti renderēšanai, tad glabājiet tos stāvoklī, bet ja jums nav nepieciešama renderēšana, tādā gadījumā refu izmantošana var kļūt efektīvāka. Turklāt atšķirībā no stāvokļa refa vērtība mainās nekavējoties.

Kopumā refi tiek pielietoti tur, kur jums ir jāatkāpjas no React un jāmijiedarbojas ar ārējām API - biežāk ar pārlūkprogrammas, kas neietekmē komponenta attēlojumu. Tas var būt, piemēram, id taimera glabāšana vai objekta glabāšana, kuram nav nepieciešams aprēķināt JSX, bet visbiežāk tā ir mijiedarbība ar DOM elementiem. Tos var izmantot, lai pārvaldītu fokusu, teksta atlasi vai multivides atskaņošanu.

Nākamajā nodarbībā mēs praktiski izanalizēsim darbu ar refiem un hook useRef.