Gửi Thunk Trực Tiếp trong Redux
Khi chúng ta gửi các action từ các component, chúng ta đã sử dụng hook useDispatch, hook này trả về phương thức dispatch của store, bởi vì trong các component không có quyền truy cập trực tiếp vào store.
Lần này, chúng ta cần lấy các đối tượng người bán và thực hiện việc này một lần khi khởi chạy ứng dụng. Chúng ta có thể làm điều này trực tiếp từ tệp chính main.jsx của ứng dụng, sau khi worker bắt đầu hoạt động.
Hãy mở ứng dụng sản phẩm của chúng ta, và trong đó mở tệp main.jsx và import thunk fetchSellers vào nó:
import { fetchSellers } from './parts/sellers/sellersSlice'
Trong tệp này, chúng ta có quyền truy cập vào store, vì vậy không cần bất kỳ hook nào ở đây và chúng ta có thể sử dụng trực tiếp phương thức dispatch của nó. Hãy thêm dòng sau sau dòng:
await worker.start({ onUnhandledRequest: 'bypass' })
Thêm dòng sau:
store.dispatch(fetchSellers())
Hãy chạy ứng dụng của chúng ta. Bây giờ trong các thẻ sản phẩm đã có thông tin người bán:
Mở ứng dụng về sinh viên của bạn. Mở tệp main.jsx trong đó. Import thunk fetchTeachers của bạn vào và gửi nó trực tiếp bằng phương thức store.dispatch.
