ch01.리액트의 이벤트 시스템

• 사용자가 웹 브라우저에서 DOM요소들과 상호작용하는 것을 이벤트라 한다.
• JSBin을 통해 코드 확인 가능(https://jsbin.com)

  • 

• 이벤트 사용 시 주의사항
  • 이벤트 이름은 카멜 표기법으로 작성한다.
  • 이벤트에 실행할 자바스크립트 코드를 전달하는 것이 아니라 함수 형태의 값을 전달한다.
    • 화살표 함수 문법으로 함수를 만들어서 전달하거나, 렌더링 부분 외부에 미리 만들어서 전달해도 된다.
  • DOM요소에만 이벤트를 설정할 수 있다.
    • 직접 만든 컴포넌트에는 이벤트를 자체적으로 설정할 수 없다.
    • 예를 들어 MyComponent에 onClick을 설정하여도 그냥 이름이 onCkick인 props를 전달해줄 뿐이다.
    • 단, 전달받은 props를 컴포넌트 내부의 DOM 이벤트로 설정은 가능하다
      • ex) <div onClick={this.props.onClick}> {/*... */} </div>
• 이벤트 종류
  • 리액트 매뉴얼에서 확인 가능(https://facebook.github.io/react/docs/events.html)