我的 React 游戲有一個<Clock/>組件來跟蹤時間。當游戲暫停時，計時器應該停止。我正在使用 Redux 來管理播放/暫停狀態以及經過的時間。const initialState = { inProgress: false, timeElapsed: 0 }inProgress狀態由另一個組件上的按鈕處理，該按鈕分派一個操作來更新商店（僅針對值inProgress）。該組件在其鉤子中<Clock/>遞增。然而并不清楚。timeElapseduseEffectsetIntervalimport React from 'react';import { connect } from 'react-redux';const Clock = ({ dispatch, inProgress, ticksElapsed }) => {    React.useEffect(() => {        const progressTimer = setInterval(function(){            inProgress ? dispatch({ type: "CLOCK_RUN" }) : clearInterval(progressTimer);        }, 1000)    }, [inProgress]);    return (        <></>    )};let mapStateToProps = ( state ) => {    let { inProgress, ticksElapsed } = state.gameState;    return { inProgress, ticksElapsed };}export default connect(    mapStateToProps,    null,)(Clock);在里面setInterval，什么時候inProgress，false我希望clearInterval(progressTimer)時鐘停止。此外，還有另一個問題，即省略[inProgress]in useEffecthook 會導致計時器以荒謬的速度增加，從而導致應用程序崩潰。謝謝你。