[Issue] useCustomHook 만들 시 경고 / 해결방법

young_pallete·2021년 7월 17일
0

Issues

목록 보기
2/6

React Hook "useEffect" is called in function "함수명" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter.

오늘의 경우, custom hook을 만들다가, 다음과 같은 에러를 발견했습니다.
음... 리액트 함수 컴포넌트가 아니거나, 커스텀 리액트 훅 함수가 아닌 함수명이라는 곳에서 useEffect가 호출됐다는 것 같았어요.

하지만 저는 분명히 hooks로 이루어진 custom hook function을 만들었습니다.
그래서 이에 대해서 계속 살펴본 결과...

알고 보니 custom hook function의 경우, 리액트가 이를 해석할 때에 있어 반드시 앞에 use를 넣어줘야 한다는 것이 해결방법이었습니다.

registerCheck가 기존 함수명이었다면, useRegisterCheck 이런 식으로 말이죠.

후... 역시 기본기가 이래서 중요한가 봅니다.
분명히 공식문서에 있었을 것 같은데 말이죠.
앞으로 차후, 리액트에 대한 공식문서를 읽어보는 시간을 가져야 할 것 같아요! 😂

profile
People are scared of falling to the bottom but born from there. What they've lost is nth. 😉

0개의 댓글