Директно слање thunk у Redux

Када смо слали акције из компоненти, користили смо хук useDispatch, који враћа метод store-а dispatch, јер у компонентама нема директног приступа store-у.

Овог пута треба да добијемо објекте са продавцима и то учинимо једном при покретању наше апликације. То можемо да урадимо директно из главне датотеке main.jsx апликације, након што worker почне са радом.

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

main.jsximport { fetchSellers } from './parts/sellers/sellersSlice'

У овој датотеци нам је доступан store, зато овде нису потребни никакви хукови и можемо директно да искористимо његов метод dispatch. Додајмо после линије:

main.jsxawait worker.start({ onUnhandledRequest: 'bypass' })

Следећу:

main.jsxstore.dispatch(fetchSellers())

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

Задание 1

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