React) 리액트에서의 this와 select() 문자열 전체 선택

리액트에서의 this

리액트는 가상 DOM을 이용하기 때문에 자바스크립트에서의 this와 다르다
리액트의 가상 DOM은 this가 root 컴포넌트를 바라보고 있다
자바스크립트에서는 해당 시점의 엘리먼트를 가리키고 있다

event 객체

리액트에서는 이벤트 객체를 호출하여 this의 역할을 수행할 수 있다
보통 this를 사용할 때는 이벤트 리스너에서 사용하기 때문에..

<input type="text" onFocus ={e=>e.target.select()} />

select()는 자바스크립트에서 this.select() 로 사용하여
해당 엘리먼트에 포함된 문자열을 전체 선택하는 기능