Refid Reactis

Kui me soovime mõnda teavet meelde jätta, kuid ei taha, et selle muutumine põhjustaks komponendi uuesti renderdamist, siis on meile kasulikud refid ja vastavalt hook useRef, mis nendiga töötab.

Ref (viide) on tavaline JavaScript objekt ainsa omadusega current, mida saate lugeda või muuta.

Nagu staatused, võivad ka refid salvestada mis tahes tüüpi andmeid - need võivad olla numbrid, stringid, objektid ja isegi funktsioonid.

Kui teie andmeid kasutatakse renderdamiseks, siis hoidke neid staatuses, aga kui te ei vaja uuesti renderdamist, siis refide kasutamine võib olla tõhusam. Peale selle, erinevalt staatusest, muutub refi väärtus kohe.

Üldiselt rakendatakse ref seal, kus on vaja Reactist loobuda ja suhelda väliste API-dega - enamasti brauseri omadega, mis ei mõjuta komponendi kuvamist. See võib olla näiteks id timerist salvestamine või objekti hoidmine, mille jaoks pole vaja arvutada JSX-i, kuid kõige sagedamini on see interaktsioon DOM elementidega. Neid saab kasutada fookuse juhtimiseks, teksti valimiseks või meedia taasesitamiseks.

Järgmisel tunnil analüüsime tööd refide ja hookiga useRef praktikas.