Tiesioginis thunk siuntimas Redux

Kai siųsdavome veiksmus iš komponentų, naudojomės kabu useDispatch, kuri grąžina store metodą dispatch, nes komponentuose nėra tiesioginės prieigos prie store.

Šį kartą mums reikia gauti objektus su pardavėjais ir tai padaryti vieną kartą paleidus mūsų programą. Mes galime tai padaryti tiesiogiai iš pagrindinio failo main.jsx programos, po to kai worker'is pradės veikti.

Atidarykime mūsų programą su produktais, o joje failą main.jsx ir importuokime į jį thunk'ą fetchSellers:

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

Šiame faile mums prieinamas store, taigi čia nereikia jokių kabų ir mes galime tiesiogiai pasinaudoti jo metodu dispatch. Po eilutės:

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

Pridėkime šią:

store.dispatch(fetchSellers())

Paleiskime mūsų programą. Dabar produktų kortelėse nurodyti ir pardavėjai:

Atidarykite savo programą su studentais. Atidarykite joje failą main.jsx. Importuokite į jį savo thunk'ą fetchTeachers ir siųskite jį tiesiogiai metodu store.dispatch.