리액트에서 이벤트 처리에 대해 공부하던중 궁금한 점이 생겼다.
내가 텍스트 상자를 만들었을때 텍스트를 전달하는 방법(예를 들자면 콘솔에 잘 찍히는지, 동작이 잘 되는지 여부 판단)에서 "e"라는 이벤트 객체를 파라미터로 넘겨 받았다.
//JSX
funtion showText(text) {
console.log(text);
}
<input type="text" onChange={e => {
const txt = e.target.value
showText(txt);
}}>
e.target은 이벤트가 발생한 DOM을 가리키는 것 같다.
'합성 이벤트' 라고 부르며 홈페이지에서 모든 이벤트를 동일하게 처리하기 위해 객체를 전달 받는다고 설명되어 있다.
굳이 e를 사용하지 말고 다른 것도 작동은 하지만 직관적인 코드 작성을 위해서 e를 사용해야 할 것 같다. 다양한 이벤트 코드 작성을 해보면서 적응해야 될 것 같다.