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

is there any way to prevent counter from restarting

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

code

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

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