[React] 공식문서 공부 - 이벤트 처리

| 이벤트 처리

1. 기본 형태

그냥 HTML에서는 소문자를 이용하여 이벤트 처리를 하는데

<button onclick="함수()">
  클릭
</button>

리액트에서는 소문자 대신 캐멀 케이스(camelCase)를 사용합니다.

<button onClick={함수}>
  클릭
</button>

2. 기본 동작 방지

리액트에서는 폼 제출 같은 기본 동작을 방지하려면

반드시 preventDefault를 명시적으로 호출해야 합니다.

function Form() {
  return (
    <form onSubmit={(e)=>{
        e.preventDefault();
      }}>
      <button type="submit">제출</button>
    </form>
  );
}