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:

main.jsximport { 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:

main.jsxawait worker.start({ onUnhandledRequest: 'bypass' })

Naslednjo:

main.jsxstore.dispatch(fetchSellers())

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