DOM onclick vs React onClick

 

아래 두 코드의 차이가 뭘까?

 

<button onclick="onClickButton()">
	ex1
</button>


<button onClick={onClickButton}>
	ex2
</button>

위의 버튼에서 작성한  onClickButton()의 경우에는 DOM의 Event, 아래는 리액트의 Event이다.

 

둘의 가시적인 차이는 react에서는 camelCase 컨벤션을 따른다. 또한 DOM Event의 경우에는 외부 자바스크립트를 언제든 쓸 수 있지만 React의 경우에는 이벤트를 반드시 컴포넌트가 생성될 때 명시돼있어야 한다.

 

참고자료

• 아티클