Redux'ta Doğrudan Thunk Gönderimi
Bileşenlerden eylemler gönderdiğimizde,
store metodunu döndüren useDispatch
kancasını kullanıyorduk, çünkü
bileşenlerde store'a doğrudan erişim yoktur.
Bu sefer, satıcı nesnelerini almalı
ve bunu uygulamamızı başlatırken
sadece bir kez yapmalıyız. Bunu,
worker çalışmaya başladıktan sonra
doğrudan ana uygulama dosyası
main.jsx içinden yapabiliriz.
Hadi ürün uygulamamızı açalım ve
içindeki main.jsx dosyasını açıp
içe fetchSellers thunk'ını aktaralım:
import { fetchSellers } from './parts/sellers/sellersSlice'
Bu dosyada store mevcut,
bu yüzden burada hiçbir kancaya ihtiyaç yok ve
doğrudan onun dispatch metodunu
kullanabiliriz. Hadi şu satırdan sonra:
await worker.start({ onUnhandledRequest: 'bypass' })
Şunu ekleyelim:
store.dispatch(fetchSellers())
Uygulamamızı çalıştıralım. Şimdi ürün kartlarında satıcılar da belirtiliyor:
Öğrenci uygulamanızı açın.
İçindeki main.jsx dosyasını açın.
fetchTeachers thunk'ınızı içe aktarın
ve doğrudan store.dispatch metoduyla gönderin.
