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 のインスタンスを複数追加してください。