[React] Error: Maximum update depth exceeded.

 

React는 state가 바뀔때마다 다시 rendering 한다.

이렇게 사용할 경우 

 

함수호출 > 렌더링 > 다시 함수 호출 > 다시 랜더링 > ...

무한루프에 빠지게됨 ^^;;;

(onChangePage에서 함수를 정의한 것이 아니라 호출했기 때문에

랜더링할때마다 호출한다.)

 

해결방법.

onChangePage={this.changeMode}

이렇게 함수를 호출하지 않게 사용하면 된다.

 

하지만 매개변수가 필요한 위와 같은 경우, 함수 안에 넣어주어야함.

onChangePage={() => this.changeMode('read')}