callbackref
[React] 리액트 useRef 활용 케이스 모음
[React] 리액트 useRef 활용 케이스 모음
2024.05.03useRef 함수는 current 속성을 가진 ref 객체를 반환한다. ref.current 값을 HTMLElement에 할당해서 해당 요소에 focus하거나, 엘리먼트 크기 등을 확인할 수 있다. ref 객체는 아래 특징을 갖는다. 컴포넌트가 다시 렌더링 돼도 ref.current 값은 그대로 유지한다.ref.current 값이 변경돼도 컴포넌트는 다시 렌더링하지 않는다HTMLElement 뿐만 아니라 숫자 / 문자열 / 배열 등 값을 할당할 수 있다. Case 1 — 리렌더링이 필요 없는 값을 관리할 때 ⭐️useRef는 .current 프로퍼티로 전달된 인자(initialValue)로 초기화된 변경 가능한 ref 객체를 반환합니다. 반환된 객체는 컴포넌트의 전 생애주기를 통해 유지될 것입니다. — ..