How React Components Are Reused

higherOrderComponent.js

// High-order component definition
const higherOrderComponent = (WrappedComponent) => {
    return class EnhancedComponent extends React.Component {
        // ...
        render() {
          return <WrappedComponent {...this.props} />;
        }
  };
}

// Common component definition
class WrappedComponent extends React.Component{
    render(){
        //....
    }
}

// Returns the enhanced components packaged by higher-order components
const EnhancedComponent = higherOrderComponent(WrappedComponent);