React :: Uncaught Error: Rendered more hooks than during the previous render

Uncaught Error: Rendered more hooks than during the previous render

이전 렌더링에서 호출된 hooks보다 현재 렌더링에서 hooks가 더 많이 호출된 결과로 발생하는 에러

 

hooks는 매 렌더링마다 동일한 호출을 보장받아야만 함.

- 이런 이유 때문에 hooks를 조건문 안에서 쓰는 것이 금지되어 있고, 컴포넌트 최상위에서 사용하라고 권장하는 것.

 

hooks는 함수의 상태를 기반으로 동작된다.

 

Hook의 규칙 – React

원리와 관련된 이야기.

 

요약. 반복문이랑 html 안에서 state 를 만들면 안됨.