JSX এ Props এবং Attribute এর মধ্যে পার্থক্য

 JSX এ Props এবং Attribute এর মধ্যকার পার্থক্য –

Props এবং Attribute এর মধ্যে পার্থক্য
Props “Properties” এর সংক্ষিপ্ত রুপ। এটি এক কম্পোনেন্ট থেকে অন্য কম্পোনেন্টে ডাটা আদান-প্রদান করতে ব্যবহার করা হয়।	JSX এ এ্যাট্রিবিউটগুলি HTML এ্যাট্রিবিউটের মতো এবং এটি HTML ইলিমেন্ট সম্পর্কে অতিরিক্ত তথ্য প্রদান করতে ব্যবহৃত হয়।
Props একটি কম্পোনেন্টের Opening Tag নির্দিষ্ট করা হয় এবং Props অবজেক্টের মাধ্যমে কম্পোনেন্টের মধ্যে এ্যাক্সেস করা যায়।	রেগুলার HTML এর মতো HTML এ্যাট্রিবিউট ব্যবহার করা যায়, এই এ্যাট্রিবিউটগুলো একটি ইলিমেন্ট এর Opening Tag এর মধ্যে লেখা হয়।
Props প্যারেন্ট কম্পোনেন্ট থেকে চাইল্ড কম্পোনেন্টে ডাটা এবং কনফিগারেশন তথ্য প্রেরণ করতে ব্যবহৃত হয়।	JSX এর এ্যাট্রিবিউটগুলি HTML ইলিমেন্টগুলোর behavior বা appearance কনফিগার করার জন্য ব্যবহার করা হয় এবং সেগুলো HTML Standard এর সাথে সাদৃশ্যপূর্ণ।

 

Props এর উদাহরণ -

// Parent Component
const ParentComponent = () => {
  return <ChildComponent name="Habib" age={25} />;
};

// Child Component
const ChildComponent = (props) => {
  return (
    <div>
      <p>Name: {props.name}</p>
      <p>Age: {props.age}</p>
    </div>
  );
};

Attribute এর উদাহরণ -

const MyComponent = () => {
  return <input type="text" placeholder="Enter text" />;
};

যদিও ‘Props’ এবং ‘Attribute’ শব্দগুলো মাঝে মাঝে এক অপরের সাথে ব্যবহার করা হয়, এটি মনে রাখা জরুরি যে, ‘Props’ সাধারণত React Component এর মধ্যে পাস করা ডাটাকে নির্দেশ করে এবং ‘Attribute’ গুলো JSX এর মধ্যে HTML ইলিমেন্টগুলোর বৈশিষ্ট্য এবং কনফিগারেশনগুলোকে নির্দেশ করে।

 

আশা করি আপনি আজকের এই ব্লগটি মনোযোগ সহকারে পড়েছেন। আজকের ব্লগটি আপনার কাছে কেমন লেগেছে অবশ্যই  কমেন্ট করে জানাবেন, আর যদি কোন ভূল হয়ে থাকে তাহলে ক্ষমা সুন্দর দৃষ্টিতে দেখবেন এবং কোথায় ভূল হয়েছে কমেন্ট করে জানাবেন। পোষ্টে উল্লিখিত কোনো অংশ যদি বুঝতে সমস্যা হয়, তাহলে কমেন্ট বক্সে জানিয়ে দিন। ইনশাআল্লাহ্‌, সমস্যা সমাধানের চেষ্টা করবো। আর ওয়েবসাইটটি বন্ধুদের মাঝে শেয়ার করবেন। আজকের মতই এখানেই বিদায় নিলাম, ইনশাআল্লাহ দেখা হবে অন্য কোন ব্লগে। ভালো থাকবেন সুস্থ থাকবেন। আল্লাহ হাফেয। [no_toc]