Ref는 어떤 상황에서 사용해야 할까?

보통 HTML에서 id를 이용하여 DOM에 이름을 다는 것처럼 리액트 프로젝트 내부에서 DOM에 이름을 다는 방법이 있습니다.

이를 바롤 ref(reference의 줄임말) 개념입니다.

 

리액트 컴포넌트 안에서는 id를 사용하면 안될까?

-> 리액트 컴포넌트 안에서도 id를 사용할 수는  있습니다. 그러나 권장하지 않습니다.

이유는 리액트 컴포넌트의 경우 여러 번 사용한다고 하면, 유일해야 하는 id의 특성에 위반하기 때문입니다.

다른 라이브러리나 프레임워크와 함께 id를 사용해야 할 경우에는 id 뒷부분에 추가 텍스트를 붙여 중복을 방지해야 합니다.

 

그렇다면, ref는 어떤 상황에서 사용해야 할까?

-> DOM을 꼭 직접적으로 건드려야 할 때 입니다.