리액트 - Input 다루기

Sungw__k·2022년 6월 24일
0
post-thumbnail

리액트에서 유저가 입력한 input 데이터를 처리하는 방법에 대해 알아보자


유저가 뭔가를 입력했을때 이를 처리하고 싶은 경우 onChange(), onInput() 이벤트 핸들러를 이용하면 된다.


<input onChange={()=>{ 실행할코드 }}/>

onChange와 onInput은 input태그에 유저가 뭔가를 입력할 때 마다 {}안의 콜백 함수를 실행해준다.


<input onChange={(e)=>{ console.log(e.target.value); }}/>

이처럼 파라미터를 추가하면 입력된 데이터를 다루는것도 가능하다.

0개의 댓글