React-এ কম্পোনেন্ট ডেটা

কম্পোনেন্ট ডেটা তিনটি স্থানে সংরক্ষণ করা যেতে পারে: প্রপসে, কম্পোনেন্টের ভেরিয়েবল এবং কনস্ট্যান্টে, এবং স্টেটে। প্রপসে সেই ডেটা সংরক্ষণ করা হয় যা কম্পোনেন্টকে বাইরে থেকে তার প্যারেন্ট কম্পোনেন্ট পাঠায়। এতে করে, কম্পোনেন্টের ভিতরে প্রপস অপরিবর্তিত থাকা উচিত।

ভেরিয়েবল, কনস্ট্যান্ট এবং স্টেটে স্থানীয় ডেটা সংরক্ষণ করা উচিত যা কম্পোনেন্টের জন্য ব্যক্তিগতভাবে গুরুত্বপূর্ণ এবং যা প্যারেন্টের জানা উচিত নয়। এতে করে, স্টেটে সেই ডেটা সংরক্ষণ করা উচিত যা বিভিন্ন ইভেন্টে পরিবর্তিত হতে পারে এবং আপনি চান যে পরিবর্তনগুলি প্রতিক্রিয়াশীল হোক।

jsxfunction Test() {
  // isEdit, elem এবং data-র সংজ্ঞা
  
  if (isEdit) {
    elem = <input value={data} />;
  } else {
    elem = <span>{data}</span>;
  }
  
  return <div>
    {elem}
  </div>;
}