Penghantaran Thunk Langsung dalam Redux
Apabila kita menghantar aksi dari komponen, kita
menggunakan hook useDispatch, yang
mengembalikan kaedah store dispatch, kerana
komponen tidak mempunyai akses langsung ke store.
Kali ini, kita perlu mendapatkan objek
penjual dan melakukannya sekali semasa
aplikasi kita dilancarkan. Kita boleh
melakukannya terus dari fail utama
main.jsx aplikasi, selepas
worker mula berfungsi.
Mari buka aplikasi produk kita,
dan dalam fail main.jsx dan
import thunk fetchSellers ke dalamnya:
import { fetchSellers } from './parts/sellers/sellersSlice'
Dalam fail ini, store tersedia untuk kita,
jadi tiada hook diperlukan di sini dan
kita boleh menggunakan kaedah
dispatchnya secara langsung. Mari tambah selepas
baris:
await worker.start({ onUnhandledRequest: 'bypass' })
Tambah yang berikut:
store.dispatch(fetchSellers())
Mari lancarkan aplikasi kita. Sekarang penjual juga ditunjukkan dalam kad produk:
Buka aplikasi pelajar anda.
Buka fail main.jsx di dalamnya. Import
thunk anda fetchTeachers ke dalamnya dan hantar
ia secara langsung menggunakan kaedah store.dispatch.
