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

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

function App() {
	const num1 = 1;
	const num2 = 2;
	
	return <div>
		{num1 + num2}
	</div>;
}

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

function App() {
	const num1 = 3;
	const num2 = 2;
	
	return <div>
		result: {num1 ** num2}
	</div>;
}

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

function App() {
	const name = 'john';
	const surname = 'smit';
	
	return <div>
		result: {name + ' ' + surname}
	</div>;
}

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

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