React හි Refs
අපට යම් තොරතුරු කෙටි නාමයකින් ගබඩා කිරීමට අවශ්ය නමුත්,
එහි වෙනස්වීම සංරචකයේ ප්රතිරේංජනයක් (render) ඇති නොකරන පරිදි
අවශ්ය නම්, අපට refs සහ ඒවා සමඟ වැඩ කරන
useRef කොකුව (hook) ප්රයෝජනවත් වනු ඇත.
Ref (හෝ සබැඳිය) යනු තනි ගුණාංගයක් වන current සහිත
සාමාන්ය JavaScript වස්තුවකි,
එය ඔබට කියවිය හැකි හෝ වෙනස් කළ හැකිය.
state වල මෙන්, refs ද ඕනෑම වර්ගයේ දත්ත ගබඩා කළ හැකිය - මේවා අංක, පේළි, වස්තු සහ පවා ශ්රිතයන් විය හැකිය.
ඔබේ දත්ත ප්රතිරේංජනය සඳහා භාවිතා වන්නේ නම්, ඒවා state තුළ ගබඩා කරන්න. ප්රතිරේංජනයක් අවශ්ය නොවේ නම්, එවැනි අවස්ථාවන්හිදී refs භාවිතා කිරීම වඩාත් කාර්යක්ෂම විය හැකිය. ඊට අමතරව state වලට වඩා ref හි අගය වෙනස් වන්නේ ක්ෂණිකව ය.
සාමාන්යයෙන් refs භාවිතා කරනු ලබන්නේ ඔබට React
සිට පිටතට පැමිණ බාහිර API සමඟ සන්නිවේදනය කිරීමට
අවශ්ය වූ විට - බොහෝ විට බ්රවුසර API සමඟ,
එය සංරචකයේ දර්ශනයට බලපාන්නේ නැත.
උදාහරණයක් ලෙස, කාලසටහන් id ගබඩා කිරීම
හෝ JSX ගණනය කිරීමට අවශ්ය නොවන වස්තුවක්
ගබඩා කිරීම, නමුත් බහුලවම මෙය DOM අංග සමඟ
අන්තර්ක්රියා කිරීමයි. ඒවා භාවිතා කළ හැක්කේ
දර්ශන කේන්ද්රය (focus) කළමනාකරණය කිරීම, පාඨ තේරීම
හෝ මාධ්ය නැවත ධාවනය කිරීම සඳහා ය.
ඊළඟ පාඩමේදී අපි refs සහ useRef කොකුව
ප්රායෝගිකව ක්රියාත්මක කරන ආකාරය සාකච්ඡා කරමු.
