[react] HOC Functional Component

상황

React Functional Component로 HOC 를 만들어보자

(CUSTOM hooks를 사용하는 방법도 있음)

해결

const withSomething = WrappedComponent => {

    // 대문자로 시작 안하면, Lint 에서 에러 발생 (compile error)
    const Hoc = (props) => {
        useEffect(() => {
           // something
        }, []);

        return <WrappedComponent {...props}/>
    };

    return Hoc;
};

export default withSomething;