function App(){
const inputRef = useRef();
const focus = () => {
inputRef.current.focus();
};
return (
<div>
<input ref={inputRef}/>
<button onClick={focus}>포커스</button>
</div>
);
}
<aside> 💡 ref는 사실 일반 객체이다. ref를 console.log로 찍어보면 current프로퍼티 하나를 가진 객체이다.
</aside>
ref를 만약에 컴포넌트로 보내려면 어떻게 보내야 할까 그때 바로 ForwardRef를 사용한다.
자녀 컴포넌트에 forwardRef로 감싸주기만 하면 된다. ref를 2번째 인자로 받게 해주면 된다.