인프런 커뮤니티 질문&답변

홍설아님의 프로필 이미지
홍설아

작성한 질문수

[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

10.2) useMemo와 연산 최적화

getDiaryAnalysis 함수에 useMemo 사용 시 경고가 떠요.

작성

·

274

1

강의 12:00부터 진행되는 useMemo 사용 시,

두 번째 인자로 [data.length] 를 입력하니 아래와 같은 경고창이 뜹니다. 아마 state 이름이 아니라서 뜨는 것 같은데 문제가 없을까요?

 

React Hook useMemo has a missing dependency: 'data'. Either include it or remove the dependency array react-hooks/exhaustive-deps

webpack compiled with 1 warning

답변 1

1

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요

이정환입니다.

React Hook useMemo has a missing dependency: 'data'. Either include it or remove the dependency array react-hooks/exhaustive-deps

위 경고는 useMemo의 deps로 data를 넣지 않아 useMemo에서 항상 최신의 data를 참조하지 못할 수도 있는데 괜찮느냐는 물음입니다. 오류가 아닌 그저 경고일 뿐이므로 프로그램의 동작을 방해하지 않으니 신경쓰지 않으셔도 됩니다.

그런데 https://app.netlify.com/에서 npm run build할때 경고가 나서 빌드가 안되네요.ㅠㅠ 혹시 이 경고를 피하는 방법이 있나요?

찾아보니 함수로 넣는 방법이 있다는거 같은데 잘 모르겠네요ㅜㅜ

홍설아님의 프로필 이미지
홍설아

작성한 질문수

질문하기