리액트 useRef

컴포넌트에서 특정 DOM을 선택해야할 때에는 ref를 사용해야 한다.

• javascript에서 특정 Dom을 선택하는 역할 ex) getElementById, querySelector
• 특정 DOM에 접근할 때 사용한다.
• 외부 라이브러리 사용할때 유용하다.
• 원하는 위치에 ref={} 의 형태로 작성하면 된다.
• 포커스를 잡으려면 nameInput.current.focus() 형태로 작성하면 된다.
  
  

const nameInput = userRef(null);

const onClick = () => {
    nameInput.current.focus();
}

return(
    <input ref={nameInput} />
    <button onClick={onClick}>클릭</button>
)