Přímá dispeč thunku v Reduxu

Když jsme dispečovali akce z komponent, používali jsme hook useDispatch, který vrací metodu store dispatch, protože v komponentách není přímý přístup k store.

Tentokrát potřebujeme získat objekty prodejců a udělat to jednou při spuštění naší aplikace. Můžeme to udělat přímo z hlavního souboru main.jsx aplikace, poté co worker začne pracovat.

Pojďme otevřít naši aplikaci s produkty a v ní soubor main.jsx a importovat do něj thunk fetchSellers:

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

V tomto souboru máme k dispozici store, takže zde nejsou potřeba žádné hooky a můžeme přímo použít jeho metodu dispatch. Pojďme po řádku:

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

Přidat následující:

store.dispatch(fetchSellers())

Spusťme naši aplikaci. Nyní v kartách s produkty jsou uvedeni i prodejci:

Otevřete vaši aplikaci se studenty. Otevřete v ní soubor main.jsx. Importujte do něj váš thunk fetchTeachers a dispečujte ho přímo metodou store.dispatch.