Фаровардани мустақими thunk дар Redux

Вақте ки мо action-ҳоро аз компонентҳо мефиристодем, аз хуки useDispatch истифода мебурдем, ки методи store-и dispatch-ро бармегардонад, зеро дар компонентҳо дастрасии мустақим ба store вуҷуд надорад.

Ин маротиба мо ба объектҳои фурӯшандагон ниёз дорем ва инро як маротиба дар замони оғози барномаи мо анҷом диҳем. Мо инро метавонем мустақиман аз файли асосӣ main.jsx анҷом диҳем, пас аз он ки коргар (worker) фаъолияташро оғоз мекунад.

Биёед барномаи моро бо маҳсулот кушоем, ва дар он файли main.jsx-ро боз кунем ва thunk-и fetchSellers-ро ба он ворид кунем:

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

Дар ин файл store дастрас аст, пас дар инҷо ба ҳеҷ хуке ниёз нест ва мо метавонем мустақиман аз методи он dispatch истифода барем. Биёед пас аз сатри зерин:

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

Сатри зеринро илова кунем:

store.dispatch(fetchSellers())

Барномаи худро оғоз кунем. Ҳоло дар кортҳои (карточкаҳои) маҳсулот фурӯшандагон низ нишон дода шудаанд:

Барномаи худро бо донишҷӯён кушоед. Файли main.jsx-ро дар он кушоед. Thunk-и худ fetchTeachers-ро ба он ворид кунед ва онро бевосита бо методи store.dispatch фиристед.