HTML과 React 이벤트 처리의 차이점은?

다음은 HTML과 React 이벤트 처리 간의 주요 차이점 중 일부 입니다.

  1. HTML 에서 이벤트 이름은 소문자여야 합니다.
<button onclick="activateLasers()"></button>

반면, React 에서는 카멜표기법(camelCase) 규칙을 따릅니다.

<button onClick={activateLasers}>
  1. HTML 에서는 기본 동작을 방지하기 위해 false를 반환할 수 있습니다.
<a href="#" onclick='console.log("The link was clicked."); return false;' />

반면, React 에서는 preventDefault()를 명시적으로 호출해야 합니다.

function handleClick(event) {
  event.preventDefault();
  console.log('The link was clicked.');
}
  1. HTML에서는 함수 이름 뒤에 () 를 붙여서 호출하지만, React 에서는 함수 이름 뒤에 () 를 붙이면 안 됩니다.