Direkte sending av thunk i Redux
Da vi sendte handlinger fra komponenter, brukte vi
hooken useDispatch, som
returnerer metode fra store dispatch, fordi
komponenter ikke har direkte tilgang til store.
Denne gangen må vi hente objekter
med selgere og gjøre dette én gang ved
oppstart av applikasjonen vår. Vi kan
gjøre dette direkte fra hovedfilen
main.jsx i applikasjonen, etter at
worker-en har startet.
La oss åpne applikasjonen vår med
produkter, og i den filen main.jsx og
importere thunk-en fetchSellers til den:
import { fetchSellers } from './parts/sellers/sellersSlice'
I denne filen har vi tilgang til store,
så ingen hooks er nødvendige her og
vi kan direkte bruke
dens metode dispatch. La oss etter
linjen:
await worker.start({ onUnhandledRequest: 'bypass' })
Legge til følgende:
store.dispatch(fetchSellers())
La oss starte applikasjonen vår. Nå er selgere angitt i produktkortene:
Åpne applikasjonen din med studenter.
Åpne filen main.jsx i den. Importer
thunk-en din fetchTeachers til den og send
den direkte med metoden store.dispatch.
