리액트 Ref를 자식 컴포넌트로 전달하기 : React.forwardRef() + 꼼수 : 참조

horiz.d·2022년 1월 11일
0

리액트 꿀단지

목록 보기
21/41

리액트 공식 : Forwarding Refs

코드제로 : 꼼수

Daleseo 정리 : forward.Ref

: 일반적으로 forwardRef() 함수는 HTML 엘리먼트 대신에 사용되는 최말단 컴포넌트(ex. <Input/>, <Button/>)를 대상으로 주로 사용되며, 그 보다 상위 컴포넌트에서는 forwardRef() 함수를 사용하는 것이 권장되지 않습니다. 왜냐하면 어떤 컴포넌트의 내부에 있는 HTML 엘리먼트의 레퍼런스를 외부에 있는 다른 컴포넌트에서 접근하도록 하는 것은 컴포넌트 간의 결합도(coupling)을 증가시켜 애플리케이션의 유지보수를 어렵게 만들기 때문입니다.



My UseCase1 : forward.Ref 사용

My UseCase2 : ref이름을 innerRef로 바꾼 꼼수 사용


profile
가용한 시간은 한정적이고, 배울건 넘쳐난다.

0개의 댓글