หลายอินสแตนซ์ของคอมโพเนนต์ใน React
สามารถแทรกผลิตภัณฑ์ได้หลายรายการ สำหรับสิ่งนี้ เพียงแค่เขียนแท็กคอมโพเนนต์หลายอัน:
import React from 'react';
import Product from './Product';
function App() {
return <div>
<Product />
<Product />
<Product />
</div>;
}
export default App;
ผลลัพธ์หลังจากเรนเดอร์จะเป็นดังนี้:
<div>
<p>
product
</p>
<p>
product
</p>
<p>
product
</p>
</div>
เพิ่มหลายอินสแตนซ์ของคอมโพเนนต์ App และ
อินสแตนซ์ของคอมโพเนนต์ User ที่คุณ
สร้างขึ้นในโจทย์ก่อนหน้า
