forwardRef()란?

 

forwrardRef()란? 우선 prop이 뭔지 알아야 한다. prop은 엘러먼트(태그)의 속성이다. 아래 글을 읽으면 그것을 알수 있다. 리엑트에서는 특수한 목적으로 사용되기 때문에 일반적인 용도로 사용할 수 없는 prop이 몇가지 있는데 ref, key라는 이름을 가진 prop이 이에 속한다.  ref는 HTML엘러먼트 접근이라는 특수한 용도로 사용되기 때문에 일반적인 prop으로 사용할 수 없다. 이때 HTML엘러먼트(태그)가 아닌 리엑트 컴포넌트에서 특수한 이름의 prop인 ref prop을 사용할 수 있게 해주는 것이 forwardRef()라는 훅 함수이다!!

즉, 특수한 용도의 prop(예를들면 ref, key)을 리엑트 컴포넌트에서 일반적인 용도의 prop으로 사용할 수 있게 해주는 것이 forwardRef( )이다. 

 

https://www.youtube.com/watch?v=LtYzjv2yXHE

https://www.daleseo.com/react-forward-ref/