개발자의 하루

Mouse Position Component

( 업데이트: )

🤔 무엇을

React Hooks를 사용하면서 컴포넌트 내부에 window mouse position 값을 계속해서 작성해서 보여주고싶었다.

그런데 컴포넌트 내부에서 값을 구하기위해서

window.addEventListener('mousemove', e ⇒ {
  setState(e.clientX);
});

위와 같이 작성하니 컴포넌트 자체가 리렌더링되면서 window.addEventListener를 여러번 등록하는 것같았다.

어떻게해야할까?