React에서 Event 처리하기

React에서는 HTML과 달리 이벤트명에 camelCase를 사용하여야 하며, 함수 자체를 이벤트 핸들러에 전달해야 한다.

<button onClick={sayHello}>안녕하세요</button>

button의 value값은 event 객체에서 접근이 가능함.

<button onClick={handleClick} value = "스페이스 엑스">

이벤트 핸들러(onClick, onSubmit ...)에 함수를 연결하면 함수의 첫 인자로 event 객체를 전달함.

const handleClick = (e) =>{
	console.log(e.target.value);
}

e라는 이벤트 객체에서 ⇒ target이라는 클릭이 된 특정 객체를 가져오고 ⇒ 그 객체의 value를 가져옴