React Native计时器状态更新异常问题求助

1. 闭包捕获旧状态导致的判断失效 #

你的resumeTimer是异步递归函数，它在被调用时会捕获当前作用域下的state值。当你点击暂停/停止按钮调用setState更新状态后，组件会重新渲染生成新的state，但已经在运行的resumeTimer依然持有调用时的旧state引用（也就是"resume"），所以后续的if (state == "resume")判断始终为真，计时器无法真正暂停或停止。

举个具体场景：

• 点击play，state变为"resume"，调用resumeTimer(22)，此时函数内的state是"resume"
• 点击pause，setState("pause")，组件重新渲染后state变为"pause"，但之前启动的resumeTimer仍拿着旧的"resume"值，会继续执行倒计时逻辑

2. 停止逻辑未重置初始值+递归参数与状态脱节 #

• stopTimer仅将secondsLeft设为0，但没有重置回startingSeconds，后续点击play时，resumeTimer接收的参数是0，不满足secLeft > 0的条件，无法启动倒计时。
• resumeTimer依赖传入的secLeft参数更新倒计时，而非直接读取最新的secondsLeft状态，导致手动修改secondsLeft（比如停止时设为0）后，正在运行的递归依然使用旧参数继续执行，和组件实际状态完全脱节。

3. 未处理重复启动的多实例问题 #

如果多次点击play按钮，会启动多个独立的resumeTimer递归实例，每个实例都持有自己的闭包状态，最终导致计时器加速、状态判断彻底混乱。

内容的提问来源于stack exchange，提问作者Kilian