10. Handling Events

1. Event

이벤트는 사건이라는 의미함 특정한 사건

예시
사용자가 버튼을 클릭한 것

Event Handling은 이러한 이벤트들을 처리하는 것을 말함

2. DOM의 Event

버튼 클릭 이벤트 처리방법

리액트의 Event

가. 카멜표기법으로 써있음

나. 함수 그대로 전달

3. Event Handler

어떤 사건이 발생하면 사건을 처리하는 역할

=== Event Listner

클래스 Event Handler

bind를 하지 않으면 globalscope에서 호출이 되고 그것은 undefined가 됨

하위 컴포넌트에서 추가적인 렌더링이 발생할 수 있어서 권장하지는 않음
클래스형은 잘 안쓰기 때문에 참고로만 알아두자

함수형 Event Handler

4. Arguments 전달하기

함수에 주장할 내용 === 함수(Event Handler)에 전달할 데이터 === parameter(매개변수)

예시

클래스형 컴포넌트에서 사용

함수형 컴포넌트에서 사용 예시

5. 실습

클래스형

함수형