[React] onChange

<input>에 입력값 가져오기 

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

e라는 파라미터를 추가해주고, e.target.value라고 적으면 현재 <input>에 입력된 값을 가져올 수 있다 

 

• e.target 이러면 현재 이벤트가 발생한 곳을 알려줌
• e.preventDefault() 이러면 이벤트 기본 동작을 막아줌
• e.stopPropagation() 이러면 이벤트 버블링도 막아줌

 

state 입력 값 추가 

 let [입력값, 입력값변경] = useState('');

 

 

(참고)

기타 이베트 핸들러 

onMouseOver={ } 이건 이 요소에 마우스를 댔을 때 안의 코드를 실행

onScroll={ } 이건 이 요소를 스크롤했을 때 안의 코드를 실행