forwardRef

    자식 컴포넌트에게 Ref 전달하기 - forwardRef

    useRef를 통해서 자식 컴포넌트를 통제하고자 한다고 해보자. 리액트에서 버튼을 별도의 컴포넌트로 만들어 관리하는 일은 빈번하다. 예를 들면, 다음과 같다. import { useEffect, useRef } from "react"; function CustomButton({ ref }) { return ( window.alert("Good!")} ref={ref}> This is Custom Button ); } function App() { const testRef = useRef(null); useEffect(() => { console.log(testRef.current); }, []); return ( Test Forward Ref ); } export default App; 그런데, 위의 코..