render() 내부에 setState를 호출하면 해당 에러가 뜬다.
render() 내부에 setState()를 직접 호출했는지 확인하거나,
button 태그에서
// class형 컴포넌트인 경우
<button onClick={this.funcHasSetState()}> // 💩
<button onClick={this.funcHasSetState}> // 😁
<button onClick={() => this.funcHasSetState()}> // 😁
<button onClick={() => funcHasSetStateAndParameter(arg1)}> // 😁
💩 와 같이 쓰지 않았는지 확인해보자.
참고로 2번째와 같이 사용하려면 함수에 this 바인딩이 되어있어야 한다.
'프론트엔드 트러블슈팅' 카테고리의 다른 글
react-query-devtools 의 글자(폰트)크기가 작아졌을때 or 커졌을때 (0) | 2024.02.25 |
---|---|
[React] Rendered more hooks than during the previous render. (0) | 2023.09.13 |