Refer JavaScript events for more description.
onClick={**handleClick()}**
function will be executed when the component is rendered, not when the element is clicked.onClick={**handleClick}**
When the element with this event handler is clicked, the handleClick
function will be executed.The events remain same while the casing turns to be camel case ( camelCase ).
<button onClick={() => alert('Hello')}>Say Hello</button>
The events are provided wither with arrow functions or full-fledged functions to capture a event occurred.
<button onClick={() => alert('Hello', name)}>Click Me</button>