React forwardRef와 useImperativeHandle
·
React
forwardRef개념부모 컴포넌트에서 자식 컴포넌트로 ref를 전달할 수 있게 해주는 React 기능입니다. 기본적인 사용법// ref를 props로 받으로면 컴포넌트 함수를 forwardRef로 감싸야 합니다.const ChildComponent = forwardRef((props, ref) => { return ...})function ParentComponent() { const childRef = useRef(null) // 속성명 ref로 props를 넘겨줍니다. return } 주요 사용 사례폼 요소 제어 (포커스, 값 검증)애니메이션 제어스크롤 위치 조작미디어 요소 제어 (비디오/오디오 플레이어)useImperativeHandle개념부모에게서 넘겨받은 ref를 원하는대로 수정할 수 ..