React JS / useEffect() 다양한 표기 방법

아래 useEffect function 사용의 2가지 방법이며, 그 기능은 동일하다.

 

보통 2번째 function() {} 보다는 화살표 function인 () => {} 을 주로 사용한다.

function Hello() {
  useEffect(() => {
    console.log("hi :)");
    return () => console.log("bye :(");
  }, []);

  useEffect(function () {
    console.log("hi :)");
    return function () {
      console.log("bye :(");
    };
  }, []);
  return <h1>Hello</h1>;
}