Refs in React

As ons 'n stuk inligting wil onthou, maar nie wil hê dat die verandering daarvan die komponent moet laat herrender nie, dan sal refs en die ooreenstemmende hok useRef wat daarmee werk, van pas kom.

'n Ref (of verwysing) is 'n gewone JavaScript- voorwerp met 'n enkele eienskap current wat jy kan lees of verander.

Soos state, kan refs enige tipe data stoor - dit kan getalle, snare, voorwerpe en selfs funksies wees.

As jou data vir rendering gebruik word, berou dit dan in state, en as jy nie rendering nodig het nie, kan die gebruik van refs in so 'n geval meer doeltreffend wees. Boonop verander die waarde van 'n ref onmiddellik, anders as state.

Oor die algemeen word refs toegepas waar jy moet afwyk van React en interaksie moet hê met eksterne API's - meestal met blaaiertoepassings, wat nie die vertoning van die komponent beïnvloed nie. Dit kan byvoorbeeld die stoor van 'n id van 'n tydsberekening wees of die stoor van 'n voorwerp waarvoor JSX nie bereken hoef te word nie, maar meestal is dit interaksie met DOM-elemente. Dit kan gebruik word vir die beheer van fokus, teksseleksie of die speel van media.

In die volgende les sal ons die werk met refs en die hok useRef in die praktyk ontleed.