การแทรกออบเจ็กต์ใน JSX
คุณสามารถทำการแทรกออบเจ็กต์ได้ ดูตัวอย่าง:
function App() {
const obj = {a: 1, b: 2, c: 3};
return <div>
<p>{obj.a}</p>
<p>{obj.b}</p>
<p>{obj.c}</p>
</div>;
}
กำหนดออบเจ็กต์:
function App() {
const obj = {name: 'john', surname: 'smit'};
}
ทำให้ผลลัพธ์ของการเรนเดอร์ เป็นโค้ดต่อไปนี้:
<p>
name: <span>john</span>, <br>
surname: <span>smit</span>,
</p>
สำหรับค่าชื่อและนามสกุล ให้ใช้ ค่าจากองค์ประกอบของออบเจ็กต์
