Direkt sändning av thunk i Redux

När vi skickade åtgärder från komponenter använde vi hooken useDispatch, som returnerar store-metoden dispatch, eftersom komponenter inte har direkt åtkomst till store.

Den här gången behöver vi hämta objekten med säljare och göra detta en gång när vår applikation startas. Vi kan göra detta direkt från huvudfilen main.jsx i applikationen, efter att workern har börjat arbeta.

Låt oss öppna vår produktapplikation, och i den filen main.jsx och importera thunken fetchSellers till den:

import { fetchSellers } from './parts/sellers/sellersSlice'

I den här filen har vi tillgång till store, så inga hooks behövs här och vi kan direkt använda dess metod dispatch. Låt oss efter raden:

await worker.start({ onUnhandledRequest: 'bypass' })

Lägga till följande:

store.dispatch(fetchSellers())

Låt oss starta vår applikation. Nu är säljarna angivna i produktkorten:

Öppna din studentapplikation. Öppna filen main.jsx i den. Importera din thunk fetchTeachers till den och skicka den direkt med metoden store.dispatch.