[React Error] Too Many Re-Renders. React Limits The Number Of Renders To Prevent An Infinite Loop.

onclick 함수를 써서 props를 넘겨주려고 하는데 갑자기 이런 에러가 났다.

문제의 발생지점이였던 부분을 캡처를 못했다. ㅠㅠ

리렌더링이 많이 일어났다고 경고메세지가 뜬것인데, 구글링을 해서 알아보니 이 에러가 발생하는 원인은 렌더 과정에서 state를 변화하는 함수가 있다면 리랜더링이 계속 일어나면서 발생하는 에러라고 한다.

해결방법은 생각보다 간단했다. 화살표 함수를 만들어서 넘겨주면 된다!

그냥 바로 함수만 적지 말고 화살표함수로 적어서 넘기면 된다!