Envío directo de thunk en Redux
Cuando enviábamos acciones desde los componentes,
utilizábamos el hook useDispatch, que
devuelve el método dispatch del store, ya que
en los componentes no hay acceso directo al store.
Esta vez necesitamos obtener los objetos
de los vendedores y hacerlo una vez al
iniciar nuestra aplicación. Podemos hacerlo
directamente desde el archivo principal
main.jsx de la aplicación, después de que
el worker comience a funcionar.
Abramos nuestra aplicación de
productos, y en ella el archivo main.jsx e
importemos en él el thunk fetchSellers:
import { fetchSellers } from './parts/sellers/sellersSlice'
En este archivo tenemos acceso al store,
por lo que no necesitamos hooks aquí y
podemos usar directamente su
método dispatch. Añadamos después
de la línea:
await worker.start({ onUnhandledRequest: 'bypass' })
La siguiente:
store.dispatch(fetchSellers())
Iniciemos nuestra aplicación. Ahora en las tarjetas de productos también se indican los vendedores:
Abra su aplicación de estudiantes.
Abra en ella el archivo main.jsx. Importe
en él su thunk fetchTeachers y envíelo
directamente con el método store.dispatch.
