javascript - 如何使用钩子根据 REACT 中的特定条件设置与按钮相关的功能以启动、暂停间隔？

Question

请帮我找到解决问题的方法，这里是 codepen 代码，可以让您更轻松 [https://codepen.io/darkuni/pen/oNZEKrp?editors=0010][1]。

我试图阅读其他人的代码，文档观看视频，但我无法找到任何解决方案（请不要发表有毒评论）。

我想从我的代码中可以看出我正在尝试启动一个间隔来更新计时器值，并在达到“00:00”时停止它。

提前致谢

标签： javascriptreactjsreact-hookssetinterval

Answer 1

首先，永远不要在函数中使用 setInterval 和 setTimeOut，因为它会导致无限循环，而是在 useEffect 或 componentDidMount 中使用它们，并且您应该始终清除它们（我正在分享的沙箱的第 48 行）转到此链接：https ://codesandbox.io/s/determined-zhukovsky-609rj?file=/src/App.js您可以看到我对您的代码所做的更改