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

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

<Product />

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

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

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

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

export default App;

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

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

User কম্পোনেন্টটি তৈরি করুন, যা ব্যবহারকারীদের ডেটা প্রদর্শন করবে। বর্তমানে এই কম্পোনেন্টটি যেকোনো লেখা প্রদর্শন করুক। App কম্পোনেন্টে এই কম্পোনেন্টটি ব্যবহার করুন।