Upelekaji wa moja kwa moja wa thunk katika Redux

Tulipotuma actions kutoka kwa sehemu, tulitumia ndoano useDispatch, ambao unarudisha mbinu ya duka dispatch, kwani katika sehemu hakuna upatikanaji wa moja kwa moja wa duka.

Wakati huu tunahitaji kupata vitu na wauzaji na kufanya hivyo mara moja tu wakati kuanzisha programu yetu. Tunaweza kufanya hivyo moja kwa moja kutoka kwa faili kuu main.jsx ya programu, baada ya mfanyakazi kuanza kufanya kazi.

Wacha tufungue programu yetu na bidhaa, na ndani yake faili main.jsx na kuingiza ndani yake thunk fetchSellers:

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

Katika faili hii duka linapatikana kwetu, kwa hivyo hakuna ndoano zinazohitajika hapa na tunaweza kutumia moja kwa moja mbinu yake dispatch. Wacha baada ya mstari:

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

Ongeza yafuatayo:

store.dispatch(fetchSellers())

Wacha tuianzishe programu yetu. Sasa ndani ya kadi zenye bidhaa wauzaji pia wameorodheshwa:

Fungua programu yako na wanafunzi. Fungua ndani yake faili main.jsx. Ingiza ndani yake thunk yako fetchTeachers na upeleke kwa moja kwa mbinu store.dispatch.