리액트 콜백 함수
-
[리액트 공식문서 정독하기] 리액트 주요개념 - 2 (이벤트 처리하기, React에서 콜백 함수 사용 시 주의할 점)프론트엔드 개발자가 될거야./react 2023. 8. 9. 21:51
이벤트 처리하기 React 엘리먼트에서 이벤트를 처리하는 방식은 DOM 엘리먼트에서 이벤트를 처리하는 방식과 매우 유사하다. 비슷해도 크게 세가지의 차이점은 있다. 세가지 차이점 React의 이벤트는 소문자 대신 캐멀 케이스(camelCase) 사용 JSX를 사용하여 문자열이 아닌 함수로 이벤트 핸들러 전달 // HTML Activate Lasers // React -> 캐멀 케이스, 함수로 이벤트 핸들러 전달 Activate Lasers 3. React에서는 false를 반환해도 기본 동작을 방지할 수 없다. 반드시 preventDefault를 명시적으로 호출하여 폼을 제출할 때 가지고 있는 기본 동작을 방지해야한다. => 공식문서에서 이 부분은 틀린 것 같다. React에서는 합성 이벤트를 사용하여 ..