Я использую реагирование и сборник рассказов для рендеринга таймера обратного отсчета, в котором для длительности установлено значение <Timer duration={5} />
в сборнике реагирования. Обратный отсчет не обновляется, и в журнале консоли отображается значение 5
. Может кто-нибудь, пожалуйста, посмотрите и, возможно, помочь.
import React, { useState, useEffect } from "react";
export interface TimerProps {
id?: string;
duration: number;
}
let count = 0;
let timeID;
const Timer: React.FC<TimerProps> = ({
id, duration
}) => {
const [count, setCount] = useState(duration);
timeID = timeID ? timeID : setInterval(function (countDown, update) {
if( countDown === 0){
clearInterval(timeID);
}
console.log(countDown);
}, 1000, count, setCount);
return (
<div id="timer">
Time to price refresh - {count}
</div>
);
};
export default Timer;