useEffect 관련 경고문 알아보기

react 코드 내 렌더링을 위한 useEffect를 사용하던 도중 아래와 같은 경고문이 나타났다.

React Hook useEffect has a missing dependency: 'fetchContent'. Either include it or remove the dependency array.

오류의 원인은 작성한 ' useEffect내부에서 실행된 함수 ' 에서 사용되는 변수를 useEffect의 배열안에 넣어주지 않았기 때문이다.

따라서

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

이런식으로 대괄호 [] 안에 사용하는 변수의 이름을 넣으면 해당 경고문은 사라진다.

또한 함수가 변경되지 않는다고 확신한다면, ESLint의 경고를 무시하는 주석을 추가할 수도 있다.

 // eslint-disable-next-line react-hooks/exhaustive-deps

하지만 권장하진 않는다고 한다.