ProductsContainer.js

import React, { Component } from 'react';
import Product from './Product';

export default class ProductsContainer extends Component {
  constructor(props) {
    super(props);
    this.state = {
      products: [
        'Red Saree',
        'Blue Saree',
        'Green Saree'
      ]
    }
  }
  renderProducts() {
    return this.state.products.map((product) => {
      return <Product name={product} />;
    });
  }
  render() {
    return (
      <div className='products-container'>
        {this.renderProducts()}
      </div>
    );
  }
}