TIL) 스파르타 개발일지 22-12-16

useEffect 사용 시 무한 렌더링 현상이 발생한다. 

 

왜냐하면, state가 변경되면 리렌더링이 되게 되는데 state값이 계속 바뀌기 때문이다.

 

이것을 해결하기 위해서 "의존성 배열"을 사용한다.

//useEffect의 두번째 인자가 의존성 배열이 들어가는 곳입니다.
useEffect({}) => ()
//실행하고 싶은 함수
}, [의존성 배열])

//와 같이 사용한다.

만약 의존성 배열에 아무 값도 넣지 않는다면, 첫 렌더링 시 한번만 실행이 되게 된다.

 

다음 TIL에선 redux를 다뤄볼 예정입니다.