Reactjs에서 새로 고침 시 시간 초과 재설정 방지

Question

3번 클릭하면 비활성화되는 버튼이 있습니다. 페이지를 새로 고치면 카운터가 동일하게 유지됩니다(1/3, 2/3 또는 0/3). 하지만 비활성화된 버튼으로는 같은 작업을 수행할 수 없습니다. setTimeout을 재설정하고 싶지 않습니다. 내가 중단한 부분부터 다시 시작되기를 바랍니다.

으아악

Answer 1

5000ms 지연의 setTimeOut 함수에 의존하지 말고 대신 타임스탬프 사용을 고려해 보세요. localStorage에 타임스탬프를 저장한 다음 현재 타임스탬프와 비교할 수 있습니다. 차이가 5000ms 이상이면 버튼이 다시 활성화됩니다. 전체 코드와 구현은 다음과 같습니다.

으아악

Answer 2

비활성화하려면 추가 if 문 확인을 '0'으로 설정하면 됩니다. 값을 올바르게 저장했습니다.

으아악