[React] useRef에서 Ref가 궁금하다.

useRef에 대해 공부하던 중 useRef는 Ref를 쉽게 사용할 수 있게 해준다고 한다.

공부하기 싫다.

그럼 Ref란 무엇인가?

 

Ref

리액트에서 부모, 자식 컴포넌트 사이에서 상호작용할 수 있는 유일한 수단은 props이다.

 

자식을 수정하려면 props를 전달해서 자식을 다시 렌더링해야 한다.

 

하지만 Ref를 사용하면 자식에 대해 직접적으로 접근할 수 있다.

 

React 공식문서에서 Ref의 바람직한 사용 사례 3가지가 있다.

1. 포커스, 텍스트 선택영역, 혹은 미디어의 재생을 관리할 때.
2. 애니메이션을 직접적으로 실행시킬 때.
3. 서드 파티 DOM 라이브러리를 React와 같이 사용할 때.

하지만 Ref를 남용하지 말라고 한다.