Thunk-ის პირდაპირ გაგზავნა Redux-ში

როდესაც ჩვენ ვგზავნიდით action-ებს კომპონენტებიდან, ვიყენებდით hook-ს useDispatch, რომელიც აბრუნებს store-ის მეთოდს dispatch, რადგან კომპონენტებს არ აქვთ პირდაპირი წვდომა store-ზე.

ამჯერად ჩვენ გვჭირდება მივიღოთ ობიექტები გამყიდველებთან დაკავშირებით და გავაკეთოთ ეს ერთხელ ჩვენი აპლიკაციის გაშვებისას. ჩვენ შეგვიძლია ეს გავაკეთოთ პირდაპირ მთავარი ფაილიდან main.jsx აპლიკაციის, მას შემდეგ რაც worker დაიწყებს მუშაობას.

მოდით გავხსნათ ჩვენი აპლიკაცია პროდუქტებით, და მასში ფაილი main.jsx და იმპორტირება გავუკეთოთ მას thunk-ს fetchSellers:

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

ამ ფაილში ჩვენ გვაქვს წვდომა store-ზე, ამიტომ აქ არანაირი hook-ების საჭიროება არ არის და ჩვენ შეგვიძლია პირდაპირ გამოვიყენოთ მისი მეთოდი dispatch. მოდით შემდეგი სტრიქონის შემდეგ:

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

დავამატოთ შემდეგი:

store.dispatch(fetchSellers())

გავუშვათ ჩვენი აპლიკაცია. ახლა პროდუქტების კარტებში მითითებულია გამყიდველებიც:

გახსენით თქვენი აპლიკაცია სტუდენტებთან. გახსენით მასში ფაილი main.jsx. იმპორტირება გაუკეთეთ მას თქვენი thunk fetchTeachers და გაუგზავნეთ ის პირდაპირ მეთოდით store.dispatch.