Higher Order Components (HOC) React

FatimaAlam1234 - Jun 4 - - Dev Community
const UpdatedComponent = (OriginalComponent) => {
    class NewComponent extends React.Component {
        constructor(){
            this.state = {
                ...
            }
        }
        render(){
            return(
                <OriginalComponent  props/>
            );
        }
    }
    return NewComponent;
};




class OGComponent extends React.Component{
    ...
    //available via (this.props..)
}

export default UpdatedComponent(OGComponent);
Enter fullscreen mode Exit fullscreen mode
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .