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 মেথড ব্যবহার করে পাঠান।
