e는 함수를 생성할때 파라미터(매개변수)를 의미한다.
const onChange = (e) => {
console.log(e.target);
console.log('e.target.name:' + e.target.name);
console.log('e.target.value:' + e.target.value);
}
...
<input name="username" onChange={onChange} placeholder = "이름" />
<input name="email" onChange={onChange} placeholder = "email" />
첫번째 input에 a를 입력 후 클릭한다면 console창의 결과는 아래와 같이 나온다.
e.target.name:username e.target.value:ae.target은 특정 이벤트가 발생하는 태그를 가르킨다.
e.target.name은 해당 태그의 name
e.target.value는 해당 태그의 입력되는 값을 의미한다.