Direkte Versendung eines Thunks in Redux
Als wir Aktionen aus Komponenten verschickt haben,
verwendeten wir den Hook useDispatch, der
die Store-Methode dispatch zurückgibt, da
in den Komponenten kein direkter Zugriff auf den Store besteht.
Dieses Mal müssen wir die Objekte
mit den Verkäufern abrufen und dies einmalig beim
Starten unserer Anwendung tun. Wir können das
direkt aus der Hauptdatei
main.jsx der Anwendung erledigen, nachdem der
Worker seine Arbeit aufgenommen hat.
Öffnen wir unsere Anwendung mit
den Produkten und darin die Datei main.jsx und
importieren darin den Thunk fetchSellers:
import { fetchSellers } from './parts/sellers/sellersSlice'
In dieser Datei steht uns der Store zur Verfügung,
daher werden hier keine Hooks benötigt und
wir können direkt seine
Methode dispatch verwenden. Fügen wir nach
der Zeile:
await worker.start({ onUnhandledRequest: 'bypass' })
Folgendes hinzu:
store.dispatch(fetchSellers())
Starten wir unsere Anwendung. Jetzt sind in den Produktkarten auch die Verkäufer angegeben:
Öffnen Sie Ihre Anwendung mit den Studenten.
Öffnen Sie darin die Datei main.jsx. Importieren Sie
darin Ihren Thunk fetchTeachers und senden Sie
ihn direkt mit der Methode store.dispatch.
