JSX-এ ট্যাগগুলির বৈশিষ্ট্যে ভেরিয়েবল এবং ধ্রুবক সন্নিবেশ করা

শুধুমাত্র ট্যাগের টেক্সটেই নয়, বৈশিষ্ট্যেও ভেরিয়েবল এবং ধ্রুবক সন্নিবেশ করা যেতে পারে। এই ক্ষেত্রে, বৈশিষ্ট্যগুলির জন্য উদ্ধৃতি চিহ্ন ব্যবহার করা হয় না:

function App() {
	const str = 'elem';
	
	return <div id={str}>
		text
	</div>;
}

এই কোডের কাজের ফলাফল হবে নিম্নরূপ:

<div id="elem">
	text
</div>

নিম্নলিখিত কোডটি দেওয়া হয়েছে:

function App() {
	const attr = 'block';
	
	return <div>
		text
	</div>;
}

আমাদের div-এর id বৈশিষ্ট্যে attr ধ্রুবকের মান সন্নিবেশ করুন।