8. input 상태 관리하기

출처 - 벨로퍼트

https://react.vlpt.us/basic/08-manage-input.html

input의 이벤트

1. onChange

• 이벤트 객체 e를 파라미터로 받아와서 사용

• e.target : 이벤트가 발생한 DOM인 input DOM을 가리킴

<input name = "name" placeholder = "이름" value="김다인" />

따라서,

const { value, name } = e.target

하면, value = “김다인” , name = “name” 인 상수가 선언된다.

e.taraget.value : 현재 input에 입력한 값

 

input의 개수가 여러개 됐을 때는 객체 형태의 상태를 관리해주어야한다.