React Native clearInterval 没有停止 setInterval

Question

由于某种原因，我无法让我的计数器停止。该函数在 onPressOut 上接收“停止”，但是 clearInterval() 不起作用，计数器继续运行

  const startCounter = press => {
    let myInterval = setInterval(() => {
      setCounter(count => count + 1);

      if (press === 'stop') {
        clearInterval(myInterval);
      }
    }, 1000);
  };

  return (
    <Pressable
      onPress={toggleMute}
      onLongPress={startCounter}
      onPressOut={() => startCounter('stop')} />
  )

Answer 1

试试这个代码吧！

let myInterval = '';
  const startCounter = press => {
    myInterval = setInterval(() => {
      setCounter(count => count + 1);

      if (press === 'stop') {
        clearInterval(myInterval);
      }
    }, 1000);
  };
  const stopCounter = () => {
    clearInterval(myInterval);
  }
  return (
    <Pressable
      onPress={toggleMute}
      onLongPress={startCounter}
      onPressOut={() => stopCounter()} />
  )