TIL: React | [공식문서 읽기] 이벤트 처리 - 221207

React 엘리먼트에서 이벤트를 처리하는 방식은
DOM 엘리먼트에서 이벤트를 처리하는 방식과 유사하다

문법은 camelCase를 사용
JSX를 사용하기 때문에 문자열 대신 함수로 이벤트 핸들러를 전달

React 에서는 false를 반환해도 기본 동작을 방지할 수 없다
preventDefaul 를 명시적으로 호출해야 한다

event 객체는 합성 이벤트로 W3C 명세에 따라 정의하기 때문에 브라우저 호환성에 문제가 없다
React는 브라우저 고유 이벤트와 정확히 일치하지는 않는다
합성 이벤트

React는 DOM 엘리먼트가 생성된 후 addEventListener() 를 호출할 필요가 없다
엘리먼트가 처음 렌더링 될 때 리스너를 제공하면 된다

이벤트 리스너에 함수를 전달할 때는 리스너 내부가 아닌
따로 함수를 작성하여 식별자를 전달하도록 해야한다
그렇지 않으면 이벤트가 생성될 때마다 함수를 새로 만들어 전달한다

인자를 전달할 때는 콜백 함수를 작성 후 내부에 함수 호출을 하여 인자를 전달한다