การดำเนินการโค้ด JavaScript

ภายในวงเล็บปีกกาไม่เพียงแต่สามารถแทรกตัวแปรและค่าคงที่ได้เท่านั้น แต่ยังสามารถรันโค้ด JavaScript ตามต้องการได้อีกด้วย ตัวอย่างเช่น ลองหาผลรวมของค่าคงที่สองตัวในตอนที่แทรก:

jsxfunction App() {
  const num1 = 1;
  const num2 = 2;
  
  return <div>
    {num1 + num2}
  </div>;
}
Задание 1

จะได้ HTML อะไรจากการเรนเดอร์โค้ดต่อไปนี้:

jsxfunction App() {
  const num1 = 3;
  const num2 = 2;
  
  return <div>
    result: {num1 ** num2}
  </div>;
}
Задание 2

จะได้ HTML อะไรจากการเรนเดอร์โค้ดต่อไปนี้:

jsxfunction App() {
  const name = 'john';
  const surname = 'smit';
  
  return <div>
    result: {name + ' ' + surname}
  </div>;
}
Задание 3

จะได้ HTML อะไรจากการเรนเดอร์โค้ดต่อไปนี้:

jsxfunction App() {
  const num = 4;
  
  return <div>
    result: {Math.sqrt(num)}
  </div>;
}