[React] useRef, forwardRef 사용법

useRef useRef는 리액트 컴포넌트에서 값을 유지하는데 사용되는 편리한 함수다. useRef 훅은 값을 가리키는 레퍼런스 객체를 반환한다. 레퍼런스 객체는 current 속성을 가지고 있어, 이 속성을 통해 값에 접근하고 수정할 수 있다. function TextInputWithFocusButton() { const inputEl = useRef(null); const onButtonClick = () => { // `current` 속성은 input엘리먼트를 가리키고 있다. inputEl.current.focus(); }; return ( Focus the input ); } useRef는 여러 가지 용도로 사용될 수 있다. 예를 들어, DOM 엘리먼트에 레퍼런스를 설정하여 이를 조작하거나(위 ..

2023.02.12