Seonglae Cho false를 반환해도 기본 동작을 방지할 수 없기 때문에 반드시 preventDefault를 명시적으로 호출해야
React Events
React Event Notion
이벤트 처리하기 - React
React 엘리먼트에서 이벤트를 처리하는 방식은 DOM 엘리먼트에서 이벤트를 처리하는 방식과 매우 유사합니다. 몇 가지 문법 차이는 다음과 같습니다. React의 이벤트는 소문자 대신 캐멀 케이스(camelCase)를 사용합니다. JSX를 사용하여 문자열이 아닌 함수로 이벤트 핸들러를 전달합니다. 예를 들어, HTML은 다음과 같습니다. React에서는 약간 다릅니다. 또 다른 차이점으로, React에서는 false를 반환해도 기본 동작을 방지할 수 없습니다.
https://ko.reactjs.org/docs/handling-events.html
합성 이벤트(SyntheticEvent) - React
이 문서는 React의 이벤트 시스템 일부를 구성하는 SyntheticEvent 래퍼를 설명합니다. 더 많은 정보는 이벤트 처리하기 문서를 보세요. 이벤트 핸들러는 모든 브라우저에서 이벤트를 동일하게 처리하기 위한 이벤트 래퍼 SyntheticEvent 객체를 전달받습니다. stopPropagation() 와 preventDefault() 를 포함해서 인터페이스는 브라우저의 고유 이벤트와 같지만 모든 브라우저에서 동일하게 동작합니다. 브라우저의 고유 이벤트가 필요하다면 nativeEvent 어트리뷰트를 참조하세요.
https://ko.reactjs.org/docs/events.html
onMouseDown and onMouseUp Event handling in ReactJs
When user press the mouse button down, a mousedown event is triggered, and when user release, a mouseup event is triggered. The handleEvent method uses the type property to determine which event is being handled and updates the message value accordingly.
https://www.golangprograms.com/onmousedown-and-onmouseup-event-handling-in-reactjs.html