Redux-এ সরাসরি thunk পাঠানো

যখন আমরা কম্পোনেন্ট থেকে একশন পাঠাতাম, তখন আমরা useDispatch হুক ব্যবহার করতাম, যা store-এর dispatch মেথড রিটার্ন করে, কারণ কম্পোনেন্টে store-এ সরাসরি অ্যাক্সেস নেই।

এবার আমাদের বিক্রেতাদের অবজেক্ট পেতে হবে এবং এটি আমাদের অ্যাপ্লিকেশন চালু হওয়ার সময় একবার করতে হবে। আমরা এটি করতে পারি মূল অ্যাপ্লিকেশন ফাইল main.jsx থেকে, worker-এর কাজ শুরু হওয়ার পরে।

আসুন আমাদের পণ্য সহ অ্যাপ্লিকেশনটি খুলি, এবং সেখানে main.jsx ফাইলটি খুলি এবং এতে thunk fetchSellers ইম্পোর্ট করি:

main.jsximport { fetchSellers } from './parts/sellers/sellersSlice'

এই ফাইলে আমাদের store অ্যাক্সেস আছে, তাই এখানে কোনো হুকের প্রয়োজন নেই এবং আমরা সরাসরি এর dispatch মেথড ব্যবহার করতে পারি। আসুন নিচের লাইনের পরে:

main.jsxawait worker.start({ onUnhandledRequest: 'bypass' })

নিচেরটি যোগ করি:

main.jsxstore.dispatch(fetchSellers())

আসুন আমাদের অ্যাপ্লিকেশন চালু করি। এখন পণ্যের কার্ডে বিক্রেতাদেরও উল্লেখ করা হয়েছে: