title: Can't change a state a value/use a result of a function inside another function -getting undefined
body: <p>Getting undefined value of handleClick() in countStat(). What is the exact problem happening right there? What should I change in the code?</p>
  <pre><code>class Widget extends Component {
    state = {
      good: 0,
      neutral: 0,
      bad: 0
    };
  
    handleClick(event) {
      const id = event.target.id;
      return id;
    }
  
    countStat(id, e) {
      id = this.handleClick(e);
      if (id === &quot;good&quot;) {
        this.setState(prevState =&gt; ({
          good: prevState.good + 1
        }));
      }
    }
    render() {
      return (
        &lt;li className={classes.Button}&gt;
          &lt;button onClick={this.countStat} id=&quot;good&quot;&gt;
            Good
          &lt;/button&gt;
        &lt;/li&gt;
      );
    }
  }
  
  export default Widget;
  </code></pre>