Refs katika React

Kama tunataka kukumbuka taarifa fulani, lakini hatutaki mabadiliko yake yasababishe kurenderiwa kwa komponenti, basi tutahitaji refs na ipasavyo hook useRef, ambayo inafanya kazi nayo.

Ref (au kiungo) ni JavaScript ya kawaida kitu chenye sifa moja current, ambayo unaweza kusoma au kubadilisha.

Kama vile hali (state), refs zinaweza kuhifadhi aina yoyote ya data - hii inaweza kuwa nambari, masharti, vitu na hata kazi.

Ikiwa data yako inatumika kwa kurenderi, basi ihifadhi kwenye hali (state), na ikiwa hutaki kurenderi, kwa hiyo kesi ya kutumia refs inaweza kuwa ya ufanisi zaidi. Zaidi ya hayo tofauti na hali (state) thamani ya ref hubadilika mara moja.

Kwa ujumla refs hutumika pale unapohitaji kutoka kwa React na kuingiliana na API za nje - mara nyingi za kivinjari, ambazo haziathiri kuonyeshwa kwa komponenti. Hii inaweza kuwa kwa mfano kuhifadhi id ya timer au kuhifadhi kitu, ambacho hakihitaji kuhesabu JSX, lakini mara nyingi hii ni kuingiliana na vipengele vya DOM. Zinaweza kutumika kwa kusimamia umakini (focus), kuchagua maandishi au kucheza multimedia.

Katika somo linalofuata tutachambua kazi na refs na hook useRef kwa vitendo.