Refit Reactissa

Jos haluamme muistaa tiettyä tietoa, mutta emme halua, että sen muutos aiheuttaisi komponentin uudelleenrenderöintiä, tarvitsemme refit ja vastaavasti useRef-koukun, joka toimii niiden kanssa.

Ref (tai viittaus) on tavallinen JavaScript olio, jolla on ainoa ominaisuus current, jota voit lukea tai muuttaa.

Kuten tilat, refit voivat tallentaa minkä tahansa tietotyypin - ne voivat olla numeroita, merkkijonoja, olioita ja jopa funktioita.

Jos tietojasi käytetään renderöintiin, tallenna ne tilassa, ja jos et tarvitse renderöintiä, sellaisessa tapauksessa refien käyttö voi olla tehokkaampaa. Lisäksi toisin kuin tilan, refin arvo muuttuu välittömästi.

Yleisesti ottaen refejä sovelletaan siellä, missä sinun on poistuttava Reactista ja oltava vuorovaikutuksessa ulkoisten APIen kanssa - useimmiten selainpohjaisten, jotka eivät vaikuta komponentin näyttämiseen. Tämä voi olla esimerkiksi id-ajastimen tallentaminen tai olion tallentaminen, jota ei tarvitse laskea JSX:ää, mutta useimmiten se on vuorovaikutusta DOM-elementtien kanssa. Niitä voidaan käyttää fokuksen hallintaan, tekstin valintaan tai median toistamiseen.

Seuraavalla oppitunnilla käymme läpi refien ja useRef-koukun käytännön työskentelyä.