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

[tmdqls2257]

어떤 에러인가요?

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

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

링크