Directe verzending van thunk in Redux
Toen we acties vanuit componenten verzonden, gebruikten we
de hook useDispatch, die
de store-methode dispatch teruggeeft, omdat
er in componenten geen directe toegang tot de store is.
Deze keer moeten we de objecten
met verkopers ophalen en dit eenmalig doen bij
het opstarten van onze applicatie. We kunnen dit
direct doen vanuit het hoofdbestand
main.jsx van de applicatie, nadat de
worker is begonnen met werken.
Laten we onze applicatie met
producten openen, en daarin het bestand main.jsx en
daarin de thunk fetchSellers importeren:
import { fetchSellers } from './parts/sellers/sellersSlice'
In dit bestand is de store voor ons beschikbaar,
dus hier zijn geen hooks nodig en
kunnen we direct gebruikmaken van
zijn methode dispatch. Laten we na
de regel:
await worker.start({ onUnhandledRequest: 'bypass' })
Het volgende toevoegen:
store.dispatch(fetchSellers())
Laten we onze applicatie starten. Nu staan in de productkaarten ook de verkopers vermeld:
Open je applicatie met studenten.
Open daarin het bestand main.jsx. Importeer
daarin je thunk fetchTeachers en verzend
het direct met de methode store.dispatch.
