TIP!!! Error message 모음

Error Message:

exceedreact Maximum update depth exceeded.

→ onClick으로 함수 호출 시 { myFunc( ) } "( )"를 넣으면 안된다.

<button onClick={this._toggleState()}>메뉴</button>

 

이렇게 쓰면 당첨이다. 왜 Maximum update depth exceeded 가 뜨냐하면...

함수를 부른다 > render를 다시한다 > 또 함수를 부른다 > 반복

함수를 부른다? : {} 블럭안에 함수명+() 이렇게 썼기때문에 바로 호출의 의미가 된다.

 

리액트의 문법이 있다.

 

저 코드는 이렇게 쓰여야 한다.

 

<button onClick={this._toggleState}>메뉴</button>

 

매개변수가 필요하다면

 

<button onClick={() => this._toggleState(param)}>메뉴</button>