SmartDumb

import React from 'react';

export default class SmartContainerComponent extends React.Component {
  constructor() {
    super()
    this.state = {
      products: [
        { name: "Winged Fighter", productCode: "XJ1000" },
        { name: "R2D2", productCode: "r2Dee2" }
      ]
    }
  }

  render() {
    return <DumbPresentationalComponent {...this.state} />
  }
}

const DumbPresentationalComponent = (props) => {
  console.log(props)
  return (
    <div>
      {
        props.products.map((item, idx) => (
          <div>{idx} - {item.name}</div>
        ))
      }
    </div>
  )
}
// https://stackblitz.com/edit/react-smart-dumb