ref속성값에 관하여(useRef)

맨 오른쪽에 있는 요소를 찾는 로직이다. 코드는 다음과 같다.

우선 알아야 할 것은 useRef.current = ‘’ 로 useRef에 값을 저장할 수있다는것 이것과 useRef(‘’)는 같다.

ref사용시 주의할 사항은 ref.current값이 없을때 에러가 발생할 수 있다.

위 gif의 코드는 다음과같은데, 잘 작동하다가 input창이 사라졌을때,inputRef.current 속성을 사용했을때 에러가 발생한다. 이럴때는 ref객체는 current속성을 검사하는 코드가 필요하다 그래서 다음과같이 변경해줘야한다. <button onClick={() => inputRef.current && inputRef.current.focus()}>텍스트 이동</button>