Redux'ке thunk'ту түз жөнөтүү

Биз компоненттерден экшендерди жөнөткөндө, useDispatch хукун колдондук, ал dispatch store методун кайтарат, себеби компоненттерде store'го түз мүмкүнчүлүк жок.

Бул жолу бизге сатуучулардын объекттерин алуу керек жана аны биздин колдонмону иштеткенде бир жолу гана жасай алабыз. Биз буну түздөн-түз негизги колдонмо файлынан main.jsx, worker иштей баштагандан кийин жасай алабыз.

Келгиле, өнүмдөрүбүз менен колдонмобузду ачып, анын ичиндеги main.jsx файлын ачып, ага fetchSellers thunk'ун импорттойлу:

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

Бул файлда бизде store жеткиликтүү, ошондуктан бул жерде эч кандай хуклар керек эмес жана биз түздөн-түз анын dispatch методунан пайдалана алабыз. Келгиле, төмөнкү саптан кийин:

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

Төмөнкүсүн кошолу:

store.dispatch(fetchSellers())

Колдонмобузду иштетели. Эми өнүм карточкаларында сатуучулар да көрсөтүлдү:

Студенттериңиз менен колдонмоңузду ачыңыз. Анын ичиндеги main.jsx файлын ачыңыз. Ага сиздин fetchTeachers thunk'уңузду импорттоп, аны түздөн-түз store.dispatch методу менен жөнөтүңүз.