ref 전달은 컴포넌트를 통해 자식 중 하나에 ref를 자동으로 전달하는 기법이다. 일반적으로 애플리케이션 대부분의 컴포넌트에 필요하지는 않다. 그렇지만 재사용 가능한 컴포넌트 라이브러리와 같은 어떤 컴포넌트에서는 유용할 수 있다. 보편적인 시나리오를 설명한다.
기본적인 button
DOM 요소를 렌더링하는 FancyButton
컴포넌트를 가정해본다.
function FancyButton(props) {
return (
<button className="FancyButton">
{props.children}
</button>
);
}
... 추가 내용 정리 필요함