Common

React event object

이벤트 핸들러는 React 이벤트 객체를 받음. 이 객체는 종종 “synthetic event”라고 불리기도함

<button onClick={e => {
  console.log(e); // React 이벤트 객체
}} />

이 객체는 기본 DOM 이벤트와 같은 표준을 따르지만, 브라우저 간의 불일치를 수정함

어떤 React 이벤트는 브라우저의 네이티브 이벤트와 직접적으로 매핑되지 않음.

ex) onMouseLeave에서 e.nateiveEvent는 mouseout 이벤트를 가리킴

이 특정 매핑은 공개 api의 일부가 아니며, 향후 변경될 수 있음. 특정 이유로 네이티브 브라우저 이벤트가 필요할 경우 e.nativeEvent에서 해당 이벤트를 읽어야 함

속성

React 이벤트 객체는 일부 표준 Event 속성을 구현한다.