리엑트에서 ref를 사용하는 이유

리액트 컴포넌트 안에서도 id를 사용할 수는 있지만 JSX안에서 DOM에 id를 달면 해당 DOM을 렌더링할 때 그대로 전달되는 문제가 발생할 수 있다.


예를 들어 같은 컴포넌트를 여러번 사용 한다고 가정해보면 HTML에서 DOM의 id는 유일해야 하는데, 이런 상황에서는 중복 id를 가진 DOM이 여러 개 생성되는 것이다.


하지만 ref는 전역적으로 작동하지 않고 컴포넌트 내부에만 작동하기 때문에 이러한 문제가 생기지 않는다. 대부분은 id를 사용하지 않고도 원하는 기능을 구현할 수 있지만,
다른 라이브러리나 프레임워크와 함께 id를 사용해야 하는 상황이 발생할 수 있는 것이다.