Refs v Reactu

Če želimo zapomniti nekatere informacije, vendar ne želimo, da njihova sprememba povzroči ponovno upodabljanje komponente, so nam v pomoč refi in ustrezno hook useRef, ki deluje z njimi.

Ref (ali sklic) je običen JavaScript objekt z edino lastnostjo current, ki jo lahko berete ali spreminjate.

Tako kot stanja, lahko tudi refi shranjujejo katero koli vrsto podatkov - to so lahko številke, nizi, objekti in celo funkcije.

Če se vaši podatki uporabljajo za upodabljanje, jih hranite v stanju, in če upodabljanje ni potrebno, je v takem primeru uporaba refov lahko bolj učinkovita. Poleg tega se za razliko od stanja vrednost refa spremeni takoj.

Na splošno se refi uporabljajo tam, kjer morate odstopiti od Reacta in komunicirati z zunanjimi API-ji - pogosteje z brskalniškimi, ki ne vplivajo na prikaz komponente. To je lahko na primer shranjevanje id timerja ali shranjevanje objekta, za katerega ni potrebno izračunati JSX, vendar najpogosteje gre za interakcijo z elementi DOM. Uporabiti jih je mogoče za upravljanje fokusa, izbire besedila ali predvajanje multimedije.

V naslednji lekciji bomo v praksi analizirali delo z refi in hookom useRef.