Redux හි thunk කෙලින්ම යවන ආකාරය
අපි සංරචක වලින් ක්රියා යැවූ විට,
අපි store හි dispatch ක්රමය ආපසු ලබා දෙන
useDispatch කොක් එක භාවිතා කළෙමු,
සංරචකවලට store වෙත කෙලින්ම ප්රවේශ විය නොහැකි නිසා.
මෙවර අපට වෙළෙන්දන්ගේ වස්තු ලබා ගැනීමට සහ
අපගේ යෙදුම දියත් කිරීමේදී එක් වරක් මෙය කිරීමට
අවශ්ය වේ. අපට මෙය කළ හැක්කේ
කෘතිකයාගේ කාර්යය ආරම්භ වූ පසු
යෙදුමේ ප්රධාන ගොනුව main.jsx වෙතින් කෙලින්ම ය.
අපි අපගේ නිෂ්පාදන යෙදුම විවෘත කර
එහි main.jsx ගොනුව විවෘත කර
මෙහි thunk fetchSellers ආයාත කරමු:
import { fetchSellers } from './parts/sellers/sellersSlice'
මෙම ගොනුවේ අපට store වෙත ප්රවේශය ඇත,
එබැවින් මෙහි කිසිදු කොක් එකක් අවශ්ය නොවන අතර
අපට එහි dispatch ක්රමය කෙලින්ම භාවිතා කළ හැකිය.
පහත පේළියට පසුව එය කරමු:
await worker.start({ onUnhandledRequest: 'bypass' })
පහත දේ එකතු කරන්න:
store.dispatch(fetchSellers())
අපගේ යෙදුම දියත් කරමු. දැන් නිෂ්පාදන කාඩ්පත් වල වෙළෙන්දන් ද දක්වා ඇත:
ඔබගේ ශිෂ්ය යෙදුම විවෘත කරන්න.
එහි main.jsx ගොනුව විවෘත කරන්න. මෙහි
ඔබේ thunk fetchTeachers ආයාත කර
එය කෙලින්ම store.dispatch ක්රමය භාවිතයෙන් යවන්න.
