Redux में सीधे thunk भेजना
जब हम कंपोनेंट्स से एक्शन भेजते थे, तो
हुक useDispatch का उपयोग करते थे, जो
store की dispatch मेथड रिटर्न करता है,
क्योंकि कंपोनेंट्स को store तक सीधी पहुंच नहीं होती।
इस बार हमें विक्रेताओं की ऑब्जेक्ट्स प्राप्त
करनी है और इसे हमारे एप्लिकेशन के लॉन्च होने पर
एक बार करना है। हम इसे मुख्य फ़ाइल
main.jsx से ही कर सकते हैं, उसके बाद
जब worker अपना काम शुरू कर दे।
आइए हमारा उत्पादों वाला एप्लिकेशन खोलें,
और उसमें main.jsx फ़ाइल खोलें और
उसमें thunk fetchSellers इम्पोर्ट करें:
import { fetchSellers } from './parts/sellers/sellersSlice'
इस फ़ाइल में हमारे पास store उपलब्ध है,
इसलिए यहाँ किसी हुक की आवश्यकता नहीं है और
हम सीधे इसकी dispatch मेथड का उपयोग
कर सकते हैं। आइए इस लाइन के बाद:
await worker.start({ onUnhandledRequest: 'bypass' })
निम्नलिखित जोड़ें:
store.dispatch(fetchSellers())
आइए हमारा एप्लिकेशन चलाएं। अब उत्पादों वाले कार्ड्स में विक्रेताओं के नाम भी दिख रहे हैं:
अपना छात्रों वाला एप्लिकेशन खोलें।
उसमें main.jsx फ़ाइल खोलें। इसमें
अपना thunk fetchTeachers इम्पोर्ट करें और
इसे सीधे store.dispatch मेथड से भेजें।
