Despacho direto de thunk no Redux
Quando despachávamos ações dos componentes,
usávamos o hook useDispatch, que
retorna o método dispatch da store, pois
nos componentes não temos acesso direto à store.
Desta vez, precisamos obter os objetos
com os vendedores e fazer isso uma vez
durante a inicialização da nossa aplicação. Podemos fazer isso
diretamente do arquivo principal
main.jsx da aplicação, depois que o
worker começar a funcionar.
Vamos abrir nossa aplicação de
produtos, e nela o arquivo main.jsx e
importar para ele o thunk fetchSellers:
import { fetchSellers } from './parts/sellers/sellersSlice'
Neste arquivo, temos a store disponível,
portanto não são necessários hooks aqui e
podemos usar diretamente
seu método dispatch. Vamos adicionar após
a linha:
await worker.start({ onUnhandledRequest: 'bypass' })
A seguinte:
store.dispatch(fetchSellers())
Vamos iniciar nossa aplicação. Agora nos cartões de produtos também estão indicados os vendedores:
Abra sua aplicação de estudantes.
Abra nela o arquivo main.jsx. Importe
nele o seu thunk fetchTeachers e despache-o
diretamente pelo método store.dispatch.
