Advertisement
Guest User

Untitled

a guest
Aug 2nd, 2015
225
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. var Counter = React.createClass({
  2.   incrementCount: function(){
  3.     this.setState({
  4.       count: this.state.count + 1
  5.     });
  6.   },
  7.   decrementCount: function(){
  8.     if (this.state.count > 0) {
  9.         this.setState({
  10.             count: this.state.count - 1
  11.         });
  12.     }
  13.  },
  14.   getInitialState: function(){
  15.      return {
  16.        count: 0
  17.      }
  18.   },
  19.   render: function(){
  20.     return (
  21.       <div class="counter">
  22.         <h1>Count: {this.state.count}</h1>
  23.         <button type="button" onClick={this.incrementCount}>Increment</button>
  24.         <button type="button" onClick={this.decrementCount}>Decrement</button>
  25.       </div>
  26.     );
  27.   }
  28. });
  29.  
  30. React.render(<Counter/>, document.getElementById('box'));
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement