useState 와 useRef 의 차이점

🤔 이 두가지의 차이점은 뭘까? 

1. useState는 state의 값이 달라질 때마다 컴포넌트가 리렌더링 됨.
2. useRef는 ref값이 변한다고 컴포넌트가 리렌더되지 않는다. 

useRef 특징

- DOM 엘리먼트 가리키는 용도로만 사용되지 않음 ( 지금까지 그렇게만 사용해 봤다..)

- state와 달리 값의 변화에 의한 리렌더링이 발생하지 X

- current 속성을 통해 어떤 값이라도 들고 있을 수 있는 저장 역할해줌.

=> 컴포넌트의 고유한 값을 저장할 방법으로 useRef를 이용할 수 있음.

📌 결론

1. state는 컴포넌트의 생명 주기와 밀접한 연관이 있는 요소를 저장하는 것이 적합하다.

2. ref는 렌더링과 관련이 없는 값을 저장하게에 적합하다.

 

참고

[React.js] useRef와 useState의 용도와 차이