codestates / codestates/BanThing

[Error Handling] ReactHook을 사용하지 않고 상태 변경 함수를 사용할 시 에러

Open
#210 0 comments 0 reactions 1 assignee Claimed by @tmdqls2257 View on GitHub
client error solved
Dominant language
TypeScript
Stars
0
Forks
2
PR merge metrics
No merged PRs in 30d

Description

### 어떤 에러인가요?
![image](https://user-images.githubusercontent.com/54207332/155990013-7a0c374b-0cb0-418d-86f2-478b2f9dee9e.png)

- useEffect나 useMemo, useCallback을 사용하지 않고 상태 변경 함수를 사용할 시 콜 스택 에러가 발생한다.
```
Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.
```

### 에러 핸들링 방법
- React Hook을 사용하여 콜 스택 에러가 나지 않게 하자
```
useEffect(() => {
setHour(String(clock.getMinutes()));
setMinute(String(clock.getHours()));

if (clock.getMinutes() < 10) {
setMinute('0' + minute);
} else if (clock.getHours() < 10) {
setHour('0' + hour);
}
}, [clock.getMinutes(), clock.getHours()]);
```

### 에러 핸들링을 위해 참고한 레퍼런스 링크
[링크](https://wnsdufdl.tistory.com/245)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.