Pengiriman Thunk Langsung di Redux

Ketika kita mengirim aksi dari komponen, kita menggunakan hook useDispatch, yang mengembalikan metode store dispatch, karena dalam komponen tidak ada akses langsung ke store.

Kali ini kita perlu mendapatkan objek penjual dan melakukannya sekali saat aplikasi kita dijalankan. Kita dapat melakukannya langsung dari file utama main.jsx aplikasi, setelah worker mulai bekerja.

Mari buka aplikasi kita dengan produk, dan di dalamnya file main.jsx dan impor thunk fetchSellers ke dalamnya:

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

Di file ini kita memiliki akses ke store, jadi tidak perlu hook di sini dan kita dapat langsung menggunakan metodenya dispatch. Mari tambahkan setelah baris:

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

Tambahkan baris berikut:

store.dispatch(fetchSellers())

Mari jalankan aplikasi kita. Sekarang di kartu produk juga tercantum penjual:

Buka aplikasi Anda dengan siswa. Buka file main.jsx di dalamnya. Impor thunk Anda fetchTeachers ke dalamnya dan kirim langsung dengan metode store.dispatch.