higher-order-components.js

import React, { Component } from 'react';

let HOCGen = (Component)=>class extends React.Component{
  constructor(props){
    super(props);
    this.state = {
      count: 0
    }
  }
  
  componentDidMount(){
    setInterval(()=>{
      this.setState({
        count: this.state.count + 1
      })
    }, 500)
  }
  
  
  render(){
    return  (
      <Component {...this.props} {...this.state}/>
    )
  }
}

class Comp1 extends React.Component{
  render(){
    return (
      <div>
        <p>Comp1</p>
        {this.props.count}
      </div>
    )
  }
}

let WrappedComp1 = HOCGen(Comp1);

export default class App extends Component {
  constructor(props){
    super(props);
  }
  
  render(){
    return(
      <div>
        <WrappedComp1/>
      </div>
    );
  }
}