오류모음

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

테오구 2022. 3. 10. 20:48
728x90

어떤 에러인가요?

  • 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()]);

에러 핸들링을 위해 참고한 레퍼런스 링크

링크

728x90