title: useCallback usage on arrow function as prop
body: <p>I'm confused with below code</p>
  
  <pre><code>&lt;Signup onClick={() =&gt; {}} /&gt;
  </code></pre>
  
  <p>Then in the in the Signup component, I saw the usage of useCallback like so</p>
  
  <pre><code>const Signup = ({onClick}) =&gt; {
     const handleClick = useCallback((e) =&gt; {e.preventDefault();},[e])
     return &lt;a onClick={handleClick}&gt;signup&lt;/a&gt;
  }
  </code></pre>
  
  <p>what is the intention of using the useCallback? can't it just be</p>
  
  <pre><code>const Signup = ({onClick}) =&gt; &lt;a onClick={(e) =&gt; e.preventDefault();onClick()}&gt;signup&lt;/a&gt;
  </code></pre>