Refs in React

Jei norime prisiminti tam tikrą informaciją, bet nenorime, kad jos pakeitimas sukeltų komponento atvaizdavimą, mums pravers refs ir atitinkamai hook'as useRef, kuris su jais veikia.

Refs (arba nuoroda) yra įprastas JavaScript objektas su vienintele savybe current, kurią galite skaityti arba keisti.

Kaip ir state'ai, refs gali saugoti bet kokio tipo duomenis - tai gali būti skaičiai, eilutės, objektai ir net funkcijos.

Jei jūsų duomenys naudojami atvaizdavimui, laikykite juos state'e, o jei atvaizdavimas nereikalingas, tokiu atveju refs naudojimas gali tapti efektyvesnis. Be to, skirtingai nuo state'o, refs reikšmė keičiama nedelsiant.

Apskritai refs taikomi ten, kur reikia nukrypti nuo React ir sąveikauti su išorinėmis API - dažniausiai su naršyklės, kurios neturi įtakos komponento atvaizdavimui. Tai gali būti, pavyzdžiui, id laikmačio saugojimas arba objekto, kuriam nereikia skaičiuoti JSX, saugojimas, bet dažniausiai tai yra sąveika su DOM elementais. Juos galima naudoti fokusui valdyti, tekstui pažymėti ar multimedijai atkurti.

Kitoje pamokoje praktiškai išnagrinėsime darbą su refs ir hook'u useRef.