React Stopwatch计时器未按预期工作

Question

需要一个从00:00:00开始的React Timer秒表，即（hh：mm：ss）来估计完成测验所需的时间，并尝试了将事物存储在状态中的各种方法。

类似的东西：

但是，setState使应用程序崩溃。

逻辑：

var seconds = 0, minutes = 0, hours = 0, t;

state = { clock : '' };

componentDidMount()
{
  timer();
}

 add() {
    seconds++;
    if (seconds >= 60) {
        seconds = 0;
        minutes++;
        if (minutes >= 60) {
            minutes = 0;
            hours++;
        }
    }


    time = (hours ? (hours > 9 ? hours : "0" + hours) : "00") + ":" + (minutes ? (minutes > 9 ? minutes : "0" + minutes) : "00") + ":" + (seconds > 9 ? seconds : "0" + seconds);

    this.setState({ clock : time });

    timer();
}

timer() {
    t = setTimeout(add, 1000);
}

/* Start button */
start.onclick = timer;

/* Stop button */
stop.onclick = function() {
    clearTimeout(t);
}

视图：

</div>
  {this.state.clock}
<div>

有什么方法可以在React中创建带有启动和停止选项的秒表？

提前谢谢..！