Реагирует таймер сборника рассказов setInterval не рендерится правильно - PullRequest
0 голосов
/ 22 октября 2019

Я использую реагирование и сборник рассказов для рендеринга таймера обратного отсчета, в котором для длительности установлено значение <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;
...