socket.io를 통해 useRef와 useState의 차이를 한번더 느낀시간

대프리카생존자·2023년 10월 11일
0
post-thumbnail

1. 문제의 발단

  • 기존에 테스트를 목적으로 여기저기 console.log를 찍어놓음
  • 채팅창 완성후 채팅을 쳐봄
  • 브라우저 콘솔창에 채팅을 한음절씩(한알파벳씩) 할때마다 뭐가 주루루루룩 뜸

  • 원래 이런가? 싶었음
  • 근데 input tag의 값을 받아 서버로 통신을 시도하는건데 쓸모없이 너무 많은 상태변화가 일어난다고 느낌

2. 문제해결

-useState는 상태가 변할때마다 렌더링이 되는 방식이다
-따라서 값을 저장만하고 그 값이 변한다고 리렌더링이 되지않는 useRef를 써보자

확실히 깔끔하다!

-앞으로도 비슷한 액션이 너무 반복적인 경우에는 useState보단 useRef로 하는것이 좋을듯 싶다!

profile
`${n}번의 고비를 넘긴 기록`

0개의 댓글