title: object didnt get passed to another method (React)
body: <p>I currently learning react and following a Video tutorial, and I get stuck with an object that can't be passed to another method but when i passed an ID it works fine</p>
  <p>here's the method</p>
  <pre><code>handleIncrement = (product) =&gt; {
      console.log(product);
      this.setState({ count: this.state.count + 1 });   
  };
  </code></pre>
  <p>and this is the method I try to pass on</p>
  <pre><code>render() {
      return (
        &lt;div&gt;
          &lt;span className={this.getBadgeClasses()}&gt;{this.formatCount()}&lt;/span&gt;
          &lt;button
            onClick={this.handleIncrement({ id: 1 })}
            className=&quot;btn btn-secondary btn-sm&quot;
          &gt;
            Increment
          &lt;/button&gt;
        &lt;/div&gt;
      );
  </code></pre>
  <p>the product on <code>onClick={this.handleIncrement(product)}</code> error as undefined</p>
  <pre><code>src\components\counter.jsx
    Line 19:47:  'product' is not defined  no-undef
  </code></pre>
  <p>but if i use <code>onClick={() =&gt; this.handleIncrement({ id:1 })}</code> it working just fine, and also work when i use <code>onClick={(product) =&gt; this.handleIncrement(product)}</code></p>