onClick()이란?

하나의 엘리먼트가 클릭 되었을 때 발동됨

onClick명령어가 있는 태그를 클릭하면 {}안에 있는 함수나 callback함수로 이동한

HTML

<button onclick="activateLasers()">
  Activate Lasers
</button>

이런식으로 버튼을 누르면 activaterLasers 함수를 호출한다.

react와 차이점을 알아보자~!


React

activateLasers(){
	console.log("버튼 누름");
}

<button onClick={activateLasers}>//버튼 누르면 {}의 함수 명을 실행 시킴
  Activate Lasers
</button>

onClick={activateLasers} 에 있는 activateLasers 함수를 실행시켜 console에 “버튼 누름”이 실행된다.


이벤트 함수에 인자 전달

onClickHandler(msg){
	console.log(msg)
}
<button onClick={cnClickHandler("문자")>console찍기</button>

//console => "문자"