higherOrderComponent.js

import React from "react";

var HigherOrderComponent = function(WrappedComponent) {
    return class EmployeeDetailComponents extends React.Component {

        constructor() {
            super();
            this.state = getEmployeeData();
        }
    
        render() {
            return (
                <div>
                    <WrappedComponent {...this.state}></WrappedComponent>
                </div>
            )
        }
    }
}

function getEmployeeData() {
    return {
        name: "Mayank",
        age: 30,
        designation: "Developer",
        salary: 30000,
        bonus: 2000
    }
}

var EmployeeBasicDetails = HigherOrderComponent(ShowEmployeeBasicDetails);

var EmployeeSalaryDetails = HigherOrderComponent(ShowEmployeeSalaryDetails);