HIgh order component

hoc.js

function logProps(Component){
    class LogProps extends React.Component{
        componentWillReceiveProps(nextProps){
            console.log('prevProps', this.props);
            console.log('nextProps', nextProps);
        }

        render(){
            return <Component {...this.props}/>
        }
    }

    LogProps.displayName = `LogProps(${Component.displayName || Component.name || 'Component'})`;

    return LogProps;
}

export default logProps;