[React] 리액트 이벤트 처리하기! (function)

리액트의 이벤트를 처리하는 방법을 알아보겠습니다.

 

이벤트는 function 함수를 처리하는 방법입니다.

class Test extends React.Component {
  constructor(props) {
    super(props);
    // 콜백에서 `this`가 작동하려면 아래와 같이 바인딩 해주어야 합니다.
    this.handleClick = this.handleClick.bind(this);
  }
  // 함수 정의
  handleClick() {
  	console.log('버튼이 클릭되었습니다');
  }
  render() {
    return (
      <button onClick={this.handleClick}>TEST</button>
    );
  }
}

위와 같이 정의하여 사용할 수 있습니다.