<div id="content"></div>
var Counter = React.createClass({
  getInitialState : function() {
    return {
      count : 0,
      say : 'Hi'
    };
  },
  addCount : function() {
    this.setState({count : this.state.count+1});
  },
  render : function() {
    return ( 
      <div>
        count : <span>{this.state.count}</span><br/>
        say : <span>{this.state.say}</span><br/>
        <button onClick={this.addCount}>+1</button>
      </div>
    );
  }
})
ReactDOM.render( <Counter />, document.getElementById('content') );
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. //cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react.js
  2. //cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react-dom.js