React Native clearInterval 没有停止 setInterval

Question

由于某种原因，我无法让我的计数器停止。 function 在 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()} />
  )