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>
이전 작업에서 생성한 User 컴포넌트의 여러
인스턴스를 App 컴포넌트에 추가하세요.
