[React] 이벤트 처리하기
2022. 10. 12. 20:18
프로그래밍/React
이벤트 처리하기 React 엘리먼트에서 이벤트를 처리하는 방식은 DOM 엘리먼트에서 이벤트를 처리하는 방식과 매우 유사함 몇 가지 문법 차이는 다음과 같음 React의 이벤트는 소문자 대신 캐멀 케이스(camelCase)를 사용 JSX를 사용하여 문자열이 아닌 함수로 이벤트 핸들러를 전달함 예를 들어, HTML은 다음과 같음 Activate Lasers React에서는 약간 다름 Activate Lasers 또 다른 차이점으로, React에서는 false를 반환해도 기본 동작을 방지할 수 없음 반드시 preventDefault를 명시적으로 호출해야 함 예를 들어, 일반 HTML에서 폼을 제출할 때 가지고 있는 기본 동작을 방지하기 위해 다음과 같은 코드를 작성할 수 있음 Submit React에서는 다음..