hooks의 userState와 useRef의 다른점

 

hooks의 userState와 useRef의 다른점useState, useRef모두 DOM을 직접적으로 건드릴때 사용된다. 하지만 상태를 변화시킬때 setState를 사용하면 (return 문안에서)리랜더링이 되지만 useRef에 관한 상태변경은 리랜더링을 하지 않는다.

timoutout의 값을 setTimeout을 사용하여 그 값을 변경해도 리랜더링이 발생하지 않는다.

 

ㅈ

즉, 1과 같은 경우는 리랜더링이 발생하지만 2와 같은 경우는 리랜더링이 발생하지 않는다.

따라서 화면은 바뀌길 원하지 않고 값만을 바꾸고 싶은 경우 useRef를 사용하면 됩니다!!!!