Redux හි තෝරන්නන් සහ useSelector කොකුව

පෙර පාඩම්වලදී අපි store තුළ නිෂ්පාදන දත්ත ගබඩා කළෙමු. ඒවා store වෙතින් ලබා ගන්නේ කෙසේද?

එය කිරීම සඳහා, අපට අවශ්‍ය වන්නේ තෝරන්නාගේ කාර්යය ලිවීමයි. මෙම කාර්යය දන්නේ store තුළ ගබඩා කර ඇති state අගයකින් තොරතුරුවල නිශ්චිත කොටසක් උපුටා ගන්නේ කෙසේද යන්න සහ යෙදුම වර්ධනය වත්මන් අනුපිටපත් කේත ලිවීම වළක්වා ගැනීමට උපකාරී වේ. ආදානයක් ලෙස මෙම කාර්යය state එක ගනී, සහ ප්‍රතිදානය ලෙස අවශ්‍ය state කොටස ලබා දෙයි. උදාහරණයක් වශයෙන්:

jsxconst selectValue = state => state.some.value

පෙළපොත ආරම්භයේදී සඳහන් වූයේ, store සතුව getState ක්‍රමයක් ඇති බවයි. අපට පහසුවෙන් එය භාවිතා කළ හැකිය state අගය ලබා ගැනීම සඳහා:

jsxconst value = selectValue(store.getState())

ගැටලුව වන්නේ අපගේ React අංග සෘජුව store වෙත ප්‍රවේශ විය නොහැකි බවයි, මන්ද එය ආයාත කිරීමට තහනම් බැවින් අංග ගොනුවට. නමුත් අපට හැකියාව තිබේ අංගයක් තුළ දත්ත ලබා ගැනීමට React-Redux කොකුව useSelector භාවිතා කිරීමෙන්. ඊට අමතරව, මෙම කොකුව සමඟ අපගේ අංග සැමවිටම ලබා ගනී වත්මන් දත්ත පමණි:

jsxconst count = useSelector(selectValue)