Redux හි thunk කෙලින්ම යවන ආකාරය

අපි සංරචක වලින් ක්‍රියා යැවූ විට, අපි store හි dispatch ක්‍රමය ආපසු ලබා දෙන useDispatch කොක් එක භාවිතා කළෙමු, සංරචකවලට store වෙත කෙලින්ම ප්‍රවේශ විය නොහැකි නිසා.

මෙවර අපට වෙළෙන්දන්ගේ වස්තු ලබා ගැනීමට සහ අපගේ යෙදුම දියත් කිරීමේදී එක් වරක් මෙය කිරීමට අවශ්‍ය වේ. අපට මෙය කළ හැක්කේ කෘතිකයාගේ කාර්යය ආරම්භ වූ පසු යෙදුමේ ප්‍රධාන ගොනුව main.jsx වෙතින් කෙලින්ම ය.

අපි අපගේ නිෂ්පාදන යෙදුම විවෘත කර එහි main.jsx ගොනුව විවෘත කර මෙහි thunk fetchSellers ආයාත කරමු:

main.jsximport { fetchSellers } from './parts/sellers/sellersSlice'

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

main.jsxawait worker.start({ onUnhandledRequest: 'bypass' })

පහත දේ එකතු කරන්න:

main.jsxstore.dispatch(fetchSellers())

අපගේ යෙදුම දියත් කරමු. දැන් නිෂ්පාදන කාඩ්පත් වල වෙළෙන්දන් ද දක්වා ඇත: