TIL - onClick, onChange, input값 다루기

이벤트리스너

onClick () {} - 버튼을 눌렀을때 함수 실행
onChange () {} - input박스에 내용을 입력했을 때 함수 실행
onMouseOver () {} - input박스에 마우스를 갖다 댔을때 함수 실행
onScroll () {} - 스크롤을 조작할 때 마다 함수 실행

이벤트 종류가 30개가 넘기 때문에 검색해서 찾아 쓰자

input값 다루기

e 는 여러가지를 전달해준다.
e.target은 현재 입력한 input박스를 말한다
e.target.value 는 현재 input박스에 입력한 값을 의미한다.

onChang = {(e) => {console.log(e.target.value)}}

이렇게 하면 입력된 값이 콘솔로 찍히는 것을 확인할 수 있다.