이벤트 이름은 camelCase로 작성한다.
onClick
, onKeyUp
이벤트에 실행할 자바스크립트 코드를 전달하는 것이 아니라 함수 형태의 값을 전달
DOM 요소에만 이벤트를 설정할 수 있다.
div, button, input, form, span등의 DOM 요소에는 설정이 가능하지만 임의로 만든 컴포넌트에는 그렇지 못하다.
만약 MyComponent
에 onClick 이벤트를 설정한다면 MyComponent
를 클릭할 때 doSomething
함수를 실행하는 것이 아니라 그냥 이름이 onClick인 props
를 전달받는다.
<MyComponent onClick={doSomething} />
<div onClick={this.props.onClick}>
{ /* (...) */ }
</div>
실습!