리액트에서 유저가 입력한 input 데이터를 처리하는 방법에 대해 알아보자
유저가 뭔가를 입력했을때 이를 처리하고 싶은 경우 onChange(), onInput() 이벤트 핸들러를 이용하면 된다.
<input onChange={()=>{ 실행할코드 }}/>
onChange와 onInput은 input태그에 유저가 뭔가를 입력할 때 마다 {}안의 콜백 함수를 실행해준다.
<input onChange={(e)=>{ console.log(e.target.value); }}/>
이처럼 파라미터를 추가하면 입력된 데이터를 다루는것도 가능하다.