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:

import { 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:

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

Quyidagini qo‘shamiz:

store.dispatch(fetchSellers())

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

Talabalar bilan ilovangizni oching. Uning ichidagi main.jsx faylini oching. Unga o‘zingizning fetchTeachers thunk-ingizni import qiling va uni store.dispatch metodi bilan to‘g‘ridan-to‘g‘ri yuboring.