Example of HOC (High order component)

speakers.js

import React from "react"
import withData from "./withData";

const maxSpeakersToShow = 2;
const Speakers = ({speakers}) => {
   return (
     <div>
        {speakers.map(({ name, address })=> {
          return <h1>{name, address}</h1>
        })
     </div>
   )
};

export default withData(maxSpeakersToShow)(Speakers);

withData.js

function withData(maxSpeakersToShow) {
   return function(Component) {
      const speakers = [
       {name: "Sanjay gurung", address: "kathmandu" },
       {name: "Sirish gurung", address: "Patan" },
       {name: "Abhinab gurung", address: "Patan" },
      ]
     return function() {
       const limitSpeaker = speakers.slice(0, maxSpeakersToShow);
       return <Component speakers={limitSpeaker}></Component>
     }
   }
}

export default withData;

//lamdas version of above example
const withData = (maxSpeakersToShow) = (Component) => {
   const speakers = [
       {name: "Sanjay gurung", address: "kathmandu" },
       {name: "Sirish gurung", address: "Patan" },
       {name: "Abhinab gurung", address: "Patan" },
      ];
   return () => {
      const limitSpeaker = speakers.slice(0, maxSpeakersToShow);
      return <Component speakers={limitSpeaker}></Component>
   }
}

export default withData;