useRef로 컴포넌트 안의 변수 만들기

useRef Hook은 DOM을 선택할 때 사용했었다.
그런데 그 외에도 컴포넌트 안에서 조회 및 수정할 수 있는 변수를 관리하는 데에도 쓰인다.

값 변경시 리렌더링 X

useREf로 관리하는 변수는 값이 바뀌더라도 컴포넌트가 리렌더링되지 않는다.

리액트 컴포넌트에서 상태를 바꾸는 함수를 호출한 뒤,
렌더링 된 후에야 상태를 조회할 수 있다.

반대로 useRef로 관리하고 있는 변수는 설정 후 바로 조회 가능하다.

Reference

https://react.vlpt.us/basic/12-variable-with-useRef.html