Invio diretto di thunk in Redux
Quando inviavamo le azioni dai componenti,
utilizzavamo l'hook useDispatch, che
restituisce il metodo dispatch dello store,
poiché nei componenti non c'è accesso diretto allo store.
Questa volta dobbiamo recuperare gli oggetti
dei venditori e farlo una volta all'
avvio della nostra applicazione. Possiamo farlo
direttamente dal file principale
main.jsx dell'applicazione, dopo che
il worker ha iniziato a funzionare.
Apriamo la nostra applicazione con i
prodotti, e in essa il file main.jsx e
importiamo in esso il thunk fetchSellers:
import { fetchSellers } from './parts/sellers/sellersSlice'
In questo file abbiamo accesso allo store,
quindi qui non servono hook e
possiamo utilizzare direttamente
il suo metodo dispatch. Aggiungiamo dopo
la riga:
await worker.start({ onUnhandledRequest: 'bypass' })
La seguente:
store.dispatch(fetchSellers())
Avviamo la nostra applicazione. Ora nelle schede dei prodotti sono indicati anche i venditori:
Aprite la vostra applicazione con gli studenti.
Aprite in essa il file main.jsx. Importate
in esso il vostro thunk fetchTeachers e inviatelo
direttamente con il metodo store.dispatch.
