Multiple Component Instances in React
You can insert multiple products. To do this, you just need to write several component tags:
import React from 'react';
import Product from './Product';
function App() {
return <div>
<Product />
<Product />
<Product />
</div>;
}
export default App;
As a result, after rendering, you will get the following:
<div>
<p>
product
</p>
<p>
product
</p>
<p>
product
</p>
</div>
Add multiple instances of the User
component you created in the previous task to the App
component.