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를 사용한다.

Untitled

자녀 컴포넌트에 forwardRef로 감싸주기만 하면 된다. ref를 2번째 인자로 받게 해주면 된다.