<main></main>
var App = React.createClass({
  getInitialState: function() {
    return { a: 0, b: 0, c: 0 }
  },
  
  handleClick: function(btn, e) {
    this.setState({ 
      [btn]: this.state[btn] + 1
    });
  },
  
  render: function() {
    return <div>
      <button onClick={this.handleClick.bind(this, 'a')}>{this.state.a}</button>
      <button onClick={this.handleClick.bind(this, 'b')}>{this.state.b}</button>
      <button onClick={this.handleClick.bind(this, 'c')}>{this.state.c}</button>
    </div>
  }
});

ReactDOM.render(<App />, document.querySelector('main'));
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react-with-addons.js
  2. https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react-dom.js
  3. https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js