แนะนำภาษา JSX ใน React

ภาษา 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

เพิ่มคลาสให้กับย่อหน้าของคุณ