728x90

useEffect

느낀 점

👍 알게 된 점

UseEffect를 사용하면 deps에 넣는것에 따라 실행 횟수를 조절할 수 있다.

useEffect(함수, [deps]);

[deps]안에 useState의 변수를 넣으면, 변수가 변할때마다 useEffect에 넣은 함수가 실행된다.

만약 빈 배열인경우에는 mount될때 딱 한번만 실행된다.

useEffect(() => {}, [deps]);

추가적으로 useEffect안에 넣을 함수는 미리 함수를 정의한것을 넣을 수 있지만, 현장에서는 정의한 함수를 쓰지않고 바로 함수를 작성해 넣는다고 한다.

 

cleanup function은 useEffect가 unmount될때 실행된다.

약간 헷갈린다....

1. useEffect가 mount(실행)되면 useEffect의 첫번째 매개변수인 함수가 실행된다.

2. 어떠한 변화로인해 useEffect가 unmount(실행취소)되면 return함수가 실행된다.

복사했습니다!