rendered more hooks than during the previous render.

사용 환경 : react 

 

리액트 사용하다 보면 종종 발생하는 오류, 

 

에러 메세지

rendered more hooks than during the previous render.

해석 : 이전 렌더링 시보다 더 많은 후크를 렌더링했습니다.

이런 에러는 읽어도 무슨 뜻인지 몰라서 해결하지 못하는 경우가 더 많은 것 같다

뜻 : 후크를 만들고 렌더해야 하는데 랜더하고 후크를 만들게 되어있습니다.

 

원인 : 코딩 순서가 후크를 먼저 생성하고 호출해야 하는데 호출명령이 먼저 나옴

해결방안 : 후크 생성을 호출명령보다 위에 오도록 배치함.