React-এ কম্পোনেন্ট ব্যবহার

প্রতিটি সংযুক্ত কম্পোনেন্টের নিজস্ব JSX ট্যাগ রয়েছে। উদাহরণস্বরূপ, আমাদের কাছে একটি কম্পোনেন্ট আছে Product, যার অর্থ এটির সাথে সম্পর্কিত নিম্নলিখিত ট্যাগ:

jsx<Product />

কম্পোনেন্ট ট্যাগের নাম অপরিহার্যভাবে বড় অক্ষরে লিখতে হবে, যাতে React কম্পোনেন্ট কল এবং HTML ট্যাগের ব্যবহার এর মধ্যে পার্থক্য করতে পারে।

সুতরাং, আসুন App কম্পোনেন্টের ভিতরে Product কম্পোনেন্ট ব্যবহার করি, সংশ্লিষ্ট ট্যাগ লিখে:

jsximport React from 'react';
import Product from './Product';

function App() {
  return <div>
    <Product />
  </div>;
}

export default App;

ফলস্বরূপ, রেন্ডারিং এর পরে নিম্নলিখিতটি পাওয়া যাবে:

html<div>
  <p>
    product
  </p>
</div>