Priame odoslanie thunku v Reduxe

Keď sme odosielali akcie z komponentov, použili sme hook useDispatch, ktorý vracia metódu store dispatch, pretože v komponentoch nie je priamy prístup k store.

Tentokrát potrebujeme získať objekty s predajcami a urobiť to raz pri spustení našej aplikácie. Môžeme to urobiť priamo z hlavného súboru main.jsx aplikácie, po tom, čo worker začne pracovať.

Otvorme našu aplikáciu s produktmi a v nej súbor main.jsx a importujme do neho thunk fetchSellers:

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

V tomto súbore máme k dispozícii store, preto tu nie sú potrebné žiadne hooky a môžeme priamo použiť jeho metódu dispatch. Pridajme po riadku:

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

Nasledujúci:

store.dispatch(fetchSellers())

Spustíme našu aplikáciu. Teraz v kartách s produktmi sú uvedení aj predajcovia:

Otvorte vašu aplikáciu so študentmi. Otvorte v nej súbor main.jsx. Importujte do neho váš thunk fetchTeachers a odošlite ho priamo metódou store.dispatch.