JavaScript Sec 05_2 React에서 DOM 조작하기

특정 DOM element에 focus 주기

• 어떤 DOM element에 focus를 줘야하는지 자바스크립트 코드가 알고 있어야 하는데 이렇게 DOM element를 선택할 수 있는 기능을 react는 제공을 하고 있음
  • 그 기능이 useRef 이다
• useRef()가 반환하는 값은 React.MutableRefObject인데, 이것은 DOM요소에 접근할 수 있는 기능을 한다.

const authorInput = useRef();

authorInput이라는 레퍼런스 객체를 통해서 input 태그에 접근할 수 있다.

authorInput이라는 레퍼런스 객체는 현재 가리키는 값을 current라는 프로퍼티로 불러와서 사용할 수 있다.