What would be the common mistake of function being called every time the component renders?
You need to make sure that function is not being called while passing the function as a parameter.
render() {// Wrong: handleClick is called instead of passed as a reference!return <button onClick={this.handleClick()}>{'Click Me'}</button>}
Instead, pass the function itself without parenthesis:
render() {// Correct: handleClick is passed as a reference!return <button onClick={this.handleClick}>{'Click Me'}</button>}
February 22, 2022
1604
Read more
What is React?
November 06, 2022
ReactJSHow to programmatically trigger click event in React?
November 06, 2022
ReactJS