Директно испраќање на thunk во Redux

Кога испраќавме акции од компоненти, тогаш користевме hook useDispatch, кој ја враќа методата на store dispatch, бидејќи во компонентите нема директен пристап до store.

Овој пат треба да ги добиеме објектите со продавачи и да го направиме тоа еднаш при стартот на нашата апликација. Можеме тоа да го направиме директно од главната датотека main.jsx на апликацијата, откако worker-от ќе почне со работа.

Ајде да ја отвориме нашата апликација со продукти, а во неа датотеката main.jsx и да го импортираме во неа thunk-от fetchSellers:

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

Во оваа датотека ни е достапен store, затоа овде не се потребни hooks и можеме директно да ја искористиме неговата метода dispatch. Ајде после линијата:

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

Да ја додадеме следната:

store.dispatch(fetchSellers())

Да ја стартуваме нашата апликација. Сега во картичките со продукти се наведени и продавачите:

Отворете ја вашата апликација со студенти. Отворете ја во неа датотеката main.jsx. Импортирајте во неа вашиот thunk fetchTeachers и испратете го непосредно со методата store.dispatch.