Otsene thunk'i saatmine Reduxis

Kui me saatsime aktsioone komponentidest, siis kasutasime hook'i useDispatch, mis tagastab poole meetodi dispatch, kuna komponentides ei ole otsest juurdepääsu poele.

Seekord peame hankima müüjate objektid ja tegema seda üks kord meie rakenduse käivitamisel. Me saame seda teha otse põhifailist main.jsx rakenduses, pärast seda kui worker on tööle hakanud.

Avame oma tooterakenduse, seal faili main.jsx ja impordime sellesse thunk'i fetchSellers:

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

Selles failis on meil pood kättesaadav, seetõttu pole siin vaja mingeid huke ja saame otse kasutada selle meetodit dispatch. Lisame pärast rida:

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

Järgmise:

store.dispatch(fetchSellers())

Käivitame oma rakenduse. Nüüd on toodete kaartidel märgitud ka müüjad:

Avage oma õpilasterakendus. Avage selles fail main.jsx. Importige sellesse oma thunk fetchTeachers ja saatke see otse meetodiga store.dispatch.