我有這個非常簡單的應用程序，我試圖在其中實現倒計時，Start并且Stop功能似乎運行良好但是當我按下時Stop，值seconds在視圖中沒有更新，這是期望的行為但是當我觀察控制臺日志時，它顯示sec我猜不斷變化的價值表明它setInterval仍在運行并且沒有被清除。這是附帶的代碼：import React, { useState, useEffect } from "react";import {  StyleSheet,  Text,  View,  StatusBar,  TouchableOpacity,  Dimensions,} from "react-native";const screen = Dimensions.get("screen");export default function App() {  const [seconds, setSeconds] = useState(4);  const [start, setStartToggle] = useState(true);  let [fun, setFun] = useState(null);  const getRemaining = () => {    const minute = Math.floor(seconds / 60);    const second = seconds - minute * 60;    return formatTime(minute) + ":" + formatTime(second);  };  const formatTime = (time) => {    return ("0" + time).slice(-2);  };  const startTimer = () => {    setStartToggle(false);    console.log("StartTimer");    let sec = seconds;    setFun(      setInterval(() => {        console.log("akak:", sec);        if (sec <= 0) stopTimer();        setSeconds(sec--);      }, 1000)    );  };  const stopTimer = () => {    setStartToggle(true);    console.log("StopTimer");    clearInterval(fun);    setFun(null);  };  return (    <View style={styles.container}>      <StatusBar barStyle="light-content" />      <Text style={styles.timerText}>{getRemaining(seconds)}</Text>      {start ? (        <TouchableOpacity onPress={startTimer} style={styles.button}>          <Text style={styles.buttonText}>Start</Text>        </TouchableOpacity>      ) : (        <TouchableOpacity          onPress={stopTimer}          style={[styles.button, { borderColor: "orange" }]}        >          <Text style={styles.buttonText}>Stop</Text>        </TouchableOpacity>      )}    </View>  );}const styles = StyleSheet.create({  container: {    flex: 1,    backgroundColor: "#07121B",    alignItems: "center",    justifyContent: "center",  },應用行為：https://i.stack.imgur.com/fzdj6.gif 即使在點擊停止后也會顯示輸出：https://i.stack.imgur.com/Ug0aJ.gif