React Event (이벤트 추가)

React에서의 Event추가

 

import React, { Component } from 'react';

class Counter extends Component {
	// state를 통해서 변수들을 추가해준다.
    state = {
        count: 0
    };

    // event 추가 (click)
    handleIncrement= () => {
        // state의 count값을 증가시킨다.
        this.setState({ count: this.state.count + 1 });
    }

    render() { 
        return (
        <div>
            <span className={this.getBadgeClasses()}>{this.formatCount()}</span>
            
       		// react의 event붙이기 onClick등 여러가지 event listener가 있다.
            <button onClick={this.handleIncrement} className="btn btn-secondary btn-sm">Increment</button>
        </div>
        );
    }
}
 
export default Counter;