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

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

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

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

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

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