Direkte dispatch af thunk i Redux
Da vi sendte handlinger fra komponenter, brugte vi
hooket useDispatch, som
returnerer store-metoden dispatch, fordi
komponenterne ikke har direkte adgang til store.
Denne gang har vi brug for at hente objekterne
med sælgere og gøre det én gang ved
opstart af vores applikation. Vi kan gøre
det direkte fra hovedfilen
main.jsx i applikationen, efter at
workeren er startet.
Lad os åbne vores applikation med
produkter, og i den filen main.jsx og
importere thunk'en fetchSellers til den:
import { fetchSellers } from './parts/sellers/sellersSlice'
I denne fil har vi adgang til store,
så ingen hooks er nødvendige her og
vi kan direkte bruge
dens metode dispatch. Lad os efter
linjen:
await worker.start({ onUnhandledRequest: 'bypass' })
Tilføje følgende:
store.dispatch(fetchSellers())
Lad os starte vores applikation. Nu er sælgere angivet i produktkortene:
Åbn din applikation med studerende.
Åbn filen main.jsx i den. Importer
din thunk fetchTeachers i den og send
den direkte med metoden store.dispatch.
