React-এ JSX ভাষার পরিচিতি

JSX ভাষাটি হল সাধারণ JavaScript, কিন্তু কিছু সংযোজনসহ, যা সরাসরি কোডে উদ্ধৃতি ছাড়াই ট্যাগ লিখতে দেয়।

return এর মাধ্যমে ট্যাগ রিটার্ন করা যায়:

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

ট্যাগগুলির অ্যাট্রিবিউট থাকতে পারে:

function App() {
	return <div class="eee">
		text
	</div>;
}

ট্যাগগুলি ভেরিয়েবল বা কনস্ট্যান্টে সংরক্ষণ করা যায়:

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

আপনার মূল কম্পোনেন্টে নিম্নলিখিত ফাংশনটি আছে:

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

div-এর ভিতরের টেক্সটটি পরিবর্তন করুন। ব্রাউজারে ঘটা পরিবর্তনগুলি দেখুন।

div-এ কয়েকটি প্যারাগ্রাফ যোগ করুন।

আপনার প্যারাগ্রাফগুলিতে ক্লাস যোগ করুন।