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

변수란?

컴포넌트 내부에서 let으로 변수를 설정 해 준다면, 다음 리랜더링 될 때 그 변수값은 초기화 된다. 계속 유지하고 싶은 값을 관리하려면 useState를 사용해야하는데, 상태를 바꾸면 component가 리랜더링 된다. 어떤 값을 바꾸었을때 굳이 리랜더링 할 필요 없는 그런 값을 관리하게 될 때도 있다. 이런 때에는 useRef를 사용.

컴포넌트가 리랜더링 될 때마다 기억할 수 있는 값을 관리할 때도 사용한다.

useRef로 관리하는 값은 바뀌어도 컴포넌트가 리랜더링 되지 않음.

어떠한 변수를 계속 기억하고 싶을 때.
nextId.current를 바꾼다면 nextId값도 바뀌는 것이다.

값이 바뀐다고 해서 component가 리랜더링 되지는 않는다.