reactjs - 有什么办法可以防止计数器重新启动

Question

我正在尝试构建一个带有两个按钮启动和停止的计数器，一切正常，但是当我想添加一个函数来更改（onClick）上的状态时，每次状态更改时计数器都会重新启动。

代码

标签： reactjscountdown

Answer 1

我认为这是因为<Countdown />每次都会重新渲染组件setState。要解决这个问题

const date = React.useMemo(()=> {return (Date.now() + 1200000)}, []);
...
<CountDown
...
data={date}
...
/>