Direktno slanje thunk-a u Redux

Kada smo slali akcije iz komponenti, koristili smo hook useDispatch, koji vraća metodu store-a dispatch, pošto u komponentama nema direktnog pristupa store-u.

Ovoga puta treba da dobijemo objekte sa prodavcima i to uradimo samo jednom prilikom pokretanja naše aplikacije. To možemo uraditi direktno iz glavnog fajla main.jsx aplikacije, nakon što worker započne rad.

Hajde da otvorimo našu aplikaciju sa proizvodima, a u njoj fajl main.jsx i importujemo u njega thunk fetchSellers:

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

U ovom fajlu nam je dostupan store, zato ovde nisu potrebni nikakvi hook-ovi i možemo direktno da iskoristimo njegov metod dispatch. Hajde da posle linije:

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

Dodamo sledeću:

store.dispatch(fetchSellers())

Pokrenimo našu aplikaciju. Sada u karticama sa proizvodima navedeni su i prodavci:

Otvorite vašu aplikaciju sa studentima. Otvorite u njoj fajl main.jsx. Importujte u njega vaš thunk fetchTeachers i pošaljite ga direktno metodom store.dispatch.