Redux-da thunk-un birbasa gonderilmesi

Komponentlerden ekshenler gonderende biz store-un dispatch metodunu qaytaran useDispatch hook-undan istifade edirdik, cunki komponentlerde store-a birbasa elcatanliq yoxdur.

Bu defe biz satticilarin obyektlerini elde etmeliyik ve bunu proqramimizi ise saldigimiz zaman bir defe etmeliyik. Biz bunu birbasa esas main.jsx faylinda, worker ise dusenden sonra ede bilerik.

Gelin mehsullar ile proqramimizi açaq, icinde main.jsx faylini açaq ve icine fetchSellers thunk-unu import edek:

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

Bu faylda store-a elcatanliq movcuddur, ona gore burada hec bir hook lazim deyil ve biz birbaza onun dispatch metodundan istifade ede bilerik. Gelin bu setirden sonra:

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

Asagidakini elave edek:

store.dispatch(fetchSellers())

Proqramimizi ise salaq. Indi mehsul kartlarinda satticilar da gosterilir:

Telebe ler ile proqraminizi acin. Icinde main.jsx faylini acin. Icine fetchTeachers thunk-unuzu import edin ve onu birbaza store.dispatch metodu ile gonderin.