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:

main.jsximport { 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:

main.jsxawait worker.start({ onUnhandledRequest: 'bypass' })

Přidat následující:

main.jsxstore.dispatch(fetchSellers())

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