Redux-da thunk-ni to‘g‘ridan-to‘g‘ri yuborish

Komponentlardan aksiyalarni yuborganimizda, biz store ning dispatch metodini qaytaradigan useDispatch hook-idan foydalangan edik, chunki komponentlarda store-ga to‘g‘ridan-to‘g‘ri kirish yo‘q.

Bu safar biz sotuvchilar ob'ektlarini olishimiz kerak va buni ilovamiz ishga tushganida bir marta bajarishimiz mumkin. Biz buni asosiy main.jsx faylidan, worker ishni boshlagandan so‘ng, to‘g‘ridan-to‘g‘ri bajarishimiz mumkin.

Keling, mahsulotlar bilan ilovamizni ochaylik, uning ichidagi main.jsx faylini ochaylik va unga fetchSellers thunk-ni import qilaylik:

main.jsximport { fetchSellers } from './parts/sellers/sellersSlice'

Ushbu faylda store mavjud, shuning uchun bu erda hech qanday hook lar kerak emas va biz uning dispatch metodidan to‘g‘ridan-to‘g‘ri foydalanishimiz mumkin. Keling, quyidagi satrdan keyin:

main.jsxawait worker.start({ onUnhandledRequest: 'bypass' })

Quyidagini qo‘shamiz:

main.jsxstore.dispatch(fetchSellers())

Keling, ilovamizni ishga tushiramiz. Endi mahsulotlar bilan kartochkalarda sotuvchilar ham ko‘rsatilgan: