React count

by Frank David

HTML

<script src="https://unpkg.com/[email protected]/umd/react.development.js"></script>
<script src="https://cdn.bootcss.com/react-dom/16.2.0/umd/react-dom.development.js"></script>
<div id="root"></div>

Babel + JSX

class Count extends React.Component {
  constructor(props){
	super(props);
	this.state={count:0}
  }
  handleUp(){
    this.setState({count:this.state.count+1});
  }
  handleDown(){
    this.setState({count:this.state.count-1});
  }
  render () {
    return (
		<div>
			<p>{this.state.count}</p>
			<button onClick={this.handleUp.bind(this)}>+</button>
			<button onClick={this.handleDown.bind(this)}>-</button>
		</div>
	);
  }
}
ReactDOM.render(<Count/>,document.getElementById('root'));