Neposredno pošiljanje thunk v Redux

Ko smo pošiljali akcije iz komponent, smo uporabili hook useDispatch, ki vrne metodo store dispatch, saj v komponentah ni neposrednega dostopa do store.

Tokrat moramo pridobiti objekte s prodajalci in to storiti enkrat ob zagonu naše aplikacije. To lahko storimo neposredno iz glavne datoteke main.jsx aplikacije, potem ko worker začne delovati.

Odprimo našo aplikacijo s produkti in v njej datoteko main.jsx ter vanjo importirajmo thunk fetchSellers:

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

V tej datoteki imamo dostopen store, zato tukaj ni potrebno nobenih hookov in lahko neposredno uporabimo njeno metodo dispatch. Dodajmo po vrstici:

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

Naslednjo:

store.dispatch(fetchSellers())

Zaženimo našo aplikacijo. Zdaj so v karticah s produkti navedeni tudi prodajalci:

Odprite vašo aplikacijo s študenti. Odprite v njej datoteko main.jsx. Importirajte vanjo vaš thunk fetchTeachers in ga pošljite neposredno z metodo store.dispatch.