如何使用鈎子根據 REACT 中的特定條件設置與按鈕相關的功能以啟動、暫停間隔？

Question

請幫我找到解決問題的方法，這里是 codepen 代碼，可以讓您更輕松 [https://codepen.io/darkuni/pen/oNZEKrp?editors=0010][1]。

我試圖閱讀其他人的代碼，文檔觀看視頻，但我無法找到任何解決方案（請不要發表有毒評論）。

我想從我的代碼中可以看出我正在嘗試啟動一個間隔來更新計時器值，並在達到“00:00”時停止它。

提前致謝

Answer 1

首先，永遠不要在 function 中使用 setInterval 和 setTimeOut，因為它會導致無限循環，而是在 useEffect 或 componentDidMount 中使用它們，並且您應該始終清除它們（我正在與您共享的沙箱的第 48 行） go 到此鏈接： https://codesandbox.io/s/determined-zhukovsky-609rj?file=/src/App.js您可以看到我對您的代碼所做的更改