[React 19] forwardRef 지원 중단에 따른 새로운 ref 전달 방법.
React
2025. 3. 10. 13:07
⚠️리액트 19버전부터 적용됨.목적보일러 플레이트 코드 감소아키텍처 간소화배경react 19이전에는 ref를 클래스 컴포넌트와 DOM 요소에서만 사용할 수 있었음.따라서, 함수형 컴포넌트에서는 ref를 받을수 없어서, forwardRef로 명시적으로 ref를 자식이나 DOM 노드에 전달했음.비교기존import React, { forwardRef } from 'react'; const MyButton = forwardRef((props, ref) => ( {props.children} )); // 사용 예시const App = () => { const buttonRef = React.useRef(); return Click Me;};변경 후const MyButton = ({ ref, ...p..