การแทรกค่าตัวแปรและค่าคงที่ใน JSX

สมมติว่าเรามีโค้ดต่อไปนี้:

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

ลองทำให้ข้อความใน div แทรกค่าจาก ค่าคงที่ str กัน สำหรับการทำเช่นนี้ เราต้องเขียนค่าคงที่ของเราไว้ภายในเครื่องหมายปีกกา แบบนี้:

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

กำหนดโค้ดต่อไปนี้:

function App() {
	const str1 = 'text1';
	const str2 = 'text1';
	
	return <div>
		<p></p>
		<p></p>
	</div>;
}

กรุณาแทรกค่าคงที่แรกลงในย่อหน้าแรก และแทรกค่าคงที่ที่สองลงในย่อหน้าที่สอง