Thunkin suora lähettäminen Reduxissa

Kun lähetimme actioneja komponenteista, käytimme hookkia useDispatch, joka palauttaa storen metodin dispatch, koska komponenteissa ei ole suoraa pääsyä storeen.

Tällä kertaa meidän on saatava myyjäobjektit ja tehtävä tämä kerran sovelluksen käynnistyessä. Voimme tehdä tämän suoraan pääsovelluksen tiedostosta main.jsx, sen jälkeen kun worker on aloittanut toimintansa.

Avataan tuotesovelluksemme, ja siellä tiedosto main.jsx ja importoidaan siihen thunk fetchSellers:

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

Tässä tiedostossa meillä on store käytettävissä, joten tässä ei tarvita hookkeja ja voimme käyttää suoraan sen metodia dispatch. Lisätään rivin

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

jälkeen seuraava:

store.dispatch(fetchSellers())

Käynnistetään sovelluksemme. Nyt tuotekorteissa on merkitty myös myyjät:

Avaa opiskelijasovelluksesi. Avaa siellä tiedosto main.jsx. Importoi siihen thunkkisi fetchTeachers ja lähetä se suoraan metodilla store.dispatch.