Direkte Stuur van Thunk in Redux

Toe ons aksies van komponente gestuur het, het ons die hook useDispatch gebruik, wat die store se metode dispatch teruggee, aangesien komponente nie direkte toegang tot die store het nie.

Hierdie keer moet ons die voorwerpe met verkopers kry en dit een keer doen by die aanvang van ons toepassing. Ons kan dit reguit uit die hoof lêer main.jsx van die toepassing doen, nadat die worker begin werk het.

Kom ons maak ons toepassing met produkte oop, en daarin die lêer main.jsx en voer die thunk fetchSellers daarin in:

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

In hierdie lêer het ons toegang tot die store, dus is geen hooks hier nodig nie en ons kan direk sy metode dispatch gebruik. Kom ons voeg na die reël:

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

Die volgende by:

store.dispatch(fetchSellers())

Laat ons toepassing loop. Nou word verkopers ook in die produkkaarte aangedui:

Maak jou toepassing met studente oop. Maak die lêer main.jsx daarin oop. Voer jou thunk fetchTeachers daarin in en stuur dit direk met die metode store.dispatch.