title: maximum call stack size exceeded in my reactjs code
body: <p>I am a beginner in react.js, I am trying to implement a simple fizzbuzz example. Overall, I think I got the gist of how react and its components work, but when I try to run this code on codepen, I get this error:</p>
  
  <blockquote>
    <p>maximum call stack size exceeded</p>
  </blockquote>
  
  <p>Here is my code:</p>
  
  <pre><code>class App extends React.Component {
    constructor(props){
    super(props);
    this.state = {
      value : '',
      number: 0
    };
    this.handleIncrement = this.handleIncrement.bind(this);
    this.handleDecrement = this.handleDecrement.bind(this);
    this.fizzBuzz = this.fizzBuzz.bind(this);
  }
  
  fizzBuzz(nb){
    if(nb % 15 == 0 &amp;&amp; nb!= 0) 
      this.setState({value : `FizzBuzz `});
    else if(nb % 5 == 0 &amp;&amp; nb!= 0) 
      this.setState({value : `Buzz `});
    else if(nb % 3 == 0 &amp;&amp; nb!= 0)
      this.setState({value : `Fizz `});
    else  
      this.setState({value : ''});
  }
  
  handleIncrement() {
    let nb = this.state.number + 1;
    this.setState({number: nb});
    this.fizzBuzz(nb);
  }
  handleDecrement() {
    let nb =  this.state.number-1;
      if(nb &gt;= 0) 
        { this.setState({number: nb}); 
          this.fizzBuzz(nb); 
        } 
      else 
      {
        this.setState({number: 0});
      }
    }
  
  render() {
    return (
      &lt;div&gt;
        &lt;h1&gt; {this.state.number} &lt;/h1&gt;
        &lt;h1&gt; {this.state.value} &lt;/h1&gt;
        &lt;input type="button" value="add" onClick={this.handleIncrement()} /&gt;
        &lt;input type="button" value="sub" onClick={this.handleDecrement()} /&gt;
      &lt;/div&gt;
        );
    }
  }
  
  ReactDOM.render(&lt;App/&gt;,document.getElementById('app'));
  </code></pre>
  
  <p>anyone could point out what mistake i did please ? it's been puzzling me for the last two hours.  </p>
  
  <p>best regards</p>