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

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

 

이전 useRef에 관한 게시글에 있던 용도2에 대한 연습.

 

 

useRef.

용도 1. React Hooks중 하나로 javascript의 getElementById querySelector와 같이

특정 DOM을 직접 선택하기 위해 사용하는 함수. (외부 라이브러리 사용시 유용)

class형 컴포넌트에서는 콜백함수 혹은 React.createRef 사용.

용도 2. 컴포넌트 안에서 조회 및 수정 할 수 있는 변수 관리.

useRef로 관리하는 변수는 값이 바뀐다고해서 컴포넌트가 리렌더링되지 않는다.

 

 

 

용도2 연습.

useRef() 를 사용하여 nextId라는 변수 만들기.