react - useEffect

useEffect

useEffect는 리액트의 함수형 컴포넌트에서
컴포넌트가 처음 마운트 되었을때,
컴포넌트가 언마운트 되었을때,
특정 상태값이 변경 되었을때 특정 로직을 할 수 있는 함수입니다.

기본 문법

useEffect(function, deps)

function 에는 처음 마운트 되었을때, 실행하고자 하는 함수를 넣습니다.

function 의 return 값으로는 컴포넌트가 언마운트 될때, 실행하고 싶은 콜백함수를 넣으면 그 값을 리턴해줍니다

deps에는 배열의 값을 넣어주어야하고, 원하는 값이 변경될때마다, useEffect를 호출하고싶다면 변경되는 값을 배열형식으로 deps에 넣어주면 됩니다.

 useEffect(() => {
    console.log("마운트 될때 실행!");
    console.log(name);
    return () => {
      console.log("언마운트 될때 실행!");
    };
  },[]);