[React] Maximum update depth exceeded.

원인 : onClick에 작동할 함수를 넣는데, <button onClick={clickFunc()} >버튼</button>으로 작성.

          함수에 ()를 넣어서 작성하면 render를 하고 함수를 호출하고 다시 render를 하고 함수를 호출하고 

          무한 반복이 발생한다.

 

해결 : ()를 없애고 작성한다. 매개변수가 필요하다면 (매개변수)로 작성한다.

 

...
return <button onClick={clickFunc()}>버튼</button>
// 위의 코드를 아래의 코드로 변경
return <button onClick={clickFunc}>버튼</button>