Dërgimi i drejtpërdrejtë i thunk në Redux

Kur dërgonim aksione nga komponentët, ne përdornim hookun useDispatch, i cili kthen metodën dispatch të store, pasi në komponentë nuk ka akses të drejtpërdrejtë në store.

Kësaj here na duhen objektët me shitësit dhe për këtë duhet bërë një herë në nismën e aplikacionit tonë. Këtë mund ta bëjmë direkt nga skedari kryesor main.jsx i aplikacionit, pasi të punëtori të fillojë punën.

Le të hapim aplikacionin tonë me produktet, dhe në të skedarin main.jsx dhe të importojmë në të thunk-un fetchSellers:

import { fetchSellers } from './parts/sellers/sellersSlice'

Në këtë skedar ne kemi të disponueshme store, prandaj këtu nuk nevojiten hooke dhe ne mund të përdorim direkt metodin e tij dispatch. Le të shtojmë pas rreshtit:

await worker.start({ onUnhandledRequest: 'bypass' })

Rreshtin vijues:

store.dispatch(fetchSellers())

Le të nisim aplikacionin tonë. Tani në kartat me produkte tregohen edhe shitësit:

Hapni aplikacionin tuaj me studentët. Hapni në të skedarin main.jsx. Importoni në të thunk-un tuaj fetchTeachers dhe dërgoni atë direkt me metodën store.dispatch.