Redux-daky thunk-y gönügelý ýollamak

Komponentlerden ekşinleri ýollanylanda, biz store metodu dispatch-ni yzyna gaýtaryan useDispatch çeňňegini ulandyk, sebäbi komponentlerde store-a gönügelý giriş ýok.

p> Bu gezek biz satyjylaryň obýektlerini almaly we ony programmany işledeniňizde bir gezek etmeli. Biz ony esasy main.jsx faýlyndan dogry etmelýäris, worker işe başlanyndan soň.

Geliň, önümler bar programmany açalyň, we onuň içindäki main.jsx faýlyny açyp, oňa fetchSellers thunk-y import edeliň:

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

Bu faýlda store-a girişimiz bar, şonuň üçin bu ýerde hiç hili çeňňek gerek däl we biz onuň dispatch metodyny gönügelý ulanyp bileris. Şu setiriň yzyna goşalyň:

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

Indiki setiri goşuň:

store.dispatch(fetchSellers())

Programmany işledeliň. Indi önüm kartlarynda satyjylar hem görkezilýär:

Studentler bar programmanyňyzy açyň. Oňuň içindäki main.jsx faýlyny açyň. Oňa fetchTeachers thunk-yňyzy import ediň we ony dogry store.dispatch metodi bilen ýollaryň.