개발일지/React

state 변경시 재 렌더링

hangooksaram 2020. 9. 26. 01:10

특정 아이템 위에 커서를 올리면 폰트가 커지는 코드를 작성하고있었는데, 커서를 위로 올릴때 마다 렌더링이 되었다.

처음엔 코드안에 useEffect가 있어서 해당 부분때문에 렌더링이 되는게 아닌가 했는데, 의존값을 잘 설정해두었고 그것이 아님을 확인했다. 

 

state가 변경될 시 해당 컴포넌트는 렌더를 재실행한다...

기본적인 건데 모르고 있었다는게 정말 잘못됐다.

커서가 올라갈때 실행되는 함수안에 state을 변경하는 부분이 있었고 그것 때문에 렌더링이 다시 되는 것이었다.