Thunkті Redux-ке тікелей жіберу

Компоненттерден экшендерді жіберген кезде, біз store-дің dispatch әдісін қайтаратын useDispatch хуқын қолдандық, себебі компоненттерде store-ге тікелей қолжетім жоқ.

Бұл жолы бізге сатушылардың нысандарын алу керек және бұл қолдануымыз іске қосылғанда бір рет орындалуы керек. Біз мұны main.jsx қолданудың негізгі файлынан worker жұмыс істей бастағаннан кейін тікелей жасай аламыз.

Өнімдерімізбен қолдануымызды ашып, онда main.jsx файлын ашып, оған fetchSellers thunk-ын импорттайық:

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

Бұл файлда бізге store қолжетімді, сондықтан мұнда ешқандай хуқ қажет емес және біз оның dispatch әдісін тікелей қолдана аламыз. Мына жолдан кейін:

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

Мынаны қосамыз:

store.dispatch(fetchSellers())

Қолдануымызды іске қосамыз. Енді өнім карточкаларында сатушылар да көрсетілген:

Студенттеріңізбен қолдануыңызды ашыңыз. Онда main.jsx файлын ашыңыз. Оған сіздің fetchTeachers thunk-ыңызды импорттап, оны store.dispatch әдісімен тікелей жіберіңіз.