Redux တွင် Thunk ကို တိုက်ရိုက်ပေးပို့ခြင်း

Component များမှ action များပေးပို့သည့်အခါ store method dispatch ကို ပြန်ပေးသော useDispatch hook ကို အသုံးပြုခဲ့ကြသည်။ အဘယ်ကြောင့်ဆိုသော် component များတွင် store ကို တိုက်ရိုက်ဝင်ရောက်ခွင့်မရှိသောကြောင့်ဖြစ်သည်။

ဤတစ်ကြိမ်တွင် ကျွန်ုပ်တို့သည် ရောင်းချသူများ၏ အရာဝတ္ထုများကို ရယူရန် လိုအပ်ပြီး ကျွန်ုပ်တို့၏ application ကို စတင်သည့်အခါ တစ်ကြိမ်တည်း ပြုလုပ်နိုင်သည်။ Worker အလုပ်စလုပ်ပြီးနောက် ကျွန်ုပ်တို့၏ application ၏ ပင်မ ဖိုင်ဖြစ်သော main.jsx မှ တိုက်ရိုက် ပြုလုပ်နိုင်သည်။

ကျွန်ုပ်တို့၏ ထုတ်ကုန်များ ပါဝင်သော application နှင့် ထိုအတွင်းရှိ main.jsx ဖိုင်ကို ဖွင့်ပြီး thunk fetchSellers ကို ၎င်းထဲသို့ import လုပ်ကြမည်:

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

ဤဖိုင်တွင် store ကို ရရှိနိုင်သောကြောင့် ဤနေရာတွင် hook များ မလိုအပ်ပါ။ ၎င်း၏ method dispatch ကို တိုက်ရိုက် အသုံးပြုနိုင်သည်။ အောက်ပါစာကြောင်း နောက်တွင်:

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

အောက်ပါစာကြောင်းကို ထည့်ကြမည်:

store.dispatch(fetchSellers())

ကျွန်ုပ်တို့၏ application ကို စတင်လိုက်ပါ။ ယခုအခါ ထုတ်ကုန်များပါသော ကဒ်များတွင် ရောင်းချသူများကိုပါ ဖော်ပြထားသည်:

သင်၏ ကျောင်းသားများ ပါဝင်သော application ကို ဖွင့်ပါ။ ထိုအတွင်းရှိ main.jsx ဖိုင်ကို ဖွင့်ပါ။ သင်၏ thunk fetchTeachers ကို ၎င်းထဲသို့ import လုပ်ပြီး store.dispatch method ဖြင့် တိုက်ရိုက် ပေးပို့ပါ။