[React] onClick 사용

버튼을 클릭하여 이벤트 함수를 주려고한다.

처음에 js에서의 사용법 그대로 리액트에 적용했을 때 자꾸

사용하지 않은 함수라며 오류가 나와서 당황했다.

 

 

javascript에서 버튼을 클릭할 때 나오는 onclick을 사용할 때와

리액트에서 사용할 때의 방법이 다르다는 것을 인지해야한다.

 

 

js에서의 사용법

<button type="button" onclick="init()">Start</button>

 

리액트에서의 사용법

            <button type="button" onClick={onclick}>Start</button>

 

두 방법의 차이는

onclick에서의 c가 대문자 소문자와

리액트에서는 중괄호로 묶어주어야한다는 것이다.