การแทรกตัวแปรและค่าคงที่ในแอตทริบิวต์แท็กใน JSX

การแทรกตัวแปรและค่าคงที่สามารถทำได้ไม่เฉพาะในข้อความของแท็กเท่านั้น แต่ยังทำในแอตทริบิวต์ได้ด้วย โดยไม่ต้องใส่เครื่องหมายอัญประกาศสำหรับแอตทริบิวต์:

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

ผลลัพธ์ของโค้ดนี้จะเป็นดังต่อไปนี้:

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

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