title: arrow function on react hook for onClick
body: <p>As I know putting arrow function on the jsx create a new reference of a new function every time it trigger. Like so <code>&lt;p onClick={() =&gt; handleClick() /&gt;</code></p>
  
  <p>We can do this <code>&lt;p onClick={this.handleClick /&gt;</code> in older react version with class, but what about using no class?</p>
  
  <pre><code>function Comp() {
     function handleClick() {}
     return &lt;p onClick={() =&gt; handleClick() /&gt;
  }
  </code></pre>
  
  <p>this is missing, it seems like i have to use arrow  function in the jsx again.</p>