input 1 : 사용자가 입력한 글 다루기

이빈·2023년 10월 26일
0

react

목록 보기
5/20

onChange

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

input에 유저가 뭔가 입력할 때마다 안에 있는 코드를 실행해준다!

이러한 이벤트핸들러는 많다. 필요할 때마다 구글링해서 사용하자!

input에 입력한 값 가져오는 법

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

e.target 하면 input. (현재 이벤트가 발생한 곳)
e.target.value 하면 input 안에 있는 값.

++)e.stopPropagation()은 이벤트 버블링을 막아준다.

0개의 댓글