উভয়ই এমন ডেটা ধারণ করে যা একটি component কী render করে তা প্রভাবিত করে, কিন্তু তারা ডেটা কার মালিকানা এবং এটি পরিবর্তন করা যায় কিনা এতে আলাদা।
উভয়ই এমন ডেটা ধারণ করে যা একটি component কী render করে তা প্রভাবিত করে, কিন্তু তারা ডেটা কার মালিকানা এবং এটি পরিবর্তন করা যায় কিনা এতে আলাদা।
// `step` is a PROP — given by the parent, the child only reads it.
// `count` is STATE — owned here, changes on click, causes a re-render.
function Counter({ step }) {
const [count, setCount] = useState(0);
return (
<button onClick={() => setCount(count + step)}>
{count}
</button>
);
}
// Parent decides the step and passes it down:
<Counter step={5} />
ডেটা নিচে প্রবাহিত হয় (প্যারেন্ট → চাইল্ড props এর মাধ্যমে) এবং পরিবর্তনগুলি উপরে প্রবাহিত হয় (চাইল্ড প্যারেন্টকে কিছু পরিবর্তন করতে বলে একটি callback prop এর মাধ্যমে যেমন onChange)। এই one-way flow হল যা React অ্যাপ্লিকেশনগুলিকে predictable করে তোলে।
props.x = 1) একটি bug — React re-render করবে না এবং আপনি প্যারেন্টের মালিকানা ভেঙে দিয়েছেন। একটি prop "পরিবর্তন করতে", প্যারেন্ট আপনাকে যে callback দিয়েছে তা call করুন যাতে প্যারেন্ট তার নিজের state আপডেট করে এবং নতুন মান নিচে পাস করে।বিস্তারিত উত্তরসহ IT ইন্টারভিউ প্রশ্নের একটি লাইব্রেরি — জুনিয়র থেকে সিনিয়র পর্যন্ত।
দান করুন