การแทรกตัวแปรและค่าคงที่ในแอตทริบิวต์แท็กใน 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>;
}

แทรกค่าของค่าคงที่ attr ลงในแอตทริบิวต์ id ของ div ของเรา