리액트에서 이벤트 처리에 대해 공부하던중 궁금한 점이 생겼다.

내가 텍스트 상자를 만들었을때 텍스트를 전달하는 방법(예를 들자면 콘솔에 잘 찍히는지, 동작이 잘 되는지 여부 판단)에서 "e"라는 이벤트 객체를 파라미터로 넘겨 받았다.

//JSX
funtion showText(text) {
	console.log(text);
}


<input type="text" onChange={e => {
	const txt = e.target.value
    showText(txt);
}}>

e.target은 이벤트가 발생한 DOM을 가리키는 것 같다.

React 홈페이지 설명

'합성 이벤트' 라고 부르며 홈페이지에서 모든 이벤트를 동일하게 처리하기 위해 객체를 전달 받는다고 설명되어 있다.

굳이 e를 사용하지 말고 다른 것도 작동은 하지만 직관적인 코드 작성을 위해서 e를 사용해야 할 것 같다. 다양한 이벤트 코드 작성을 해보면서 적응해야 될 것 같다.