Question

我在React Native中使用setInterval减少了时间。我想在2秒后停止计时器，但没有停止。请通过clearInterval帮助我。

import React, { useState, useEffect } from "react";
import { View, Text } from "react-native";

export default function App() {
  const [otpTimer, setOtpTimer] = useState(120);

  useEffect(() => {
    setInterval(() => {
      setOtpTimer((prevActiveStep) => prevActiveStep - 1);
    }, 1000);
  }, []);

  return (
    <View>
      <Text>{otpTimer}</Text>
    </View>
  );
}

Answer 1

尝试一下：

 useEffect(() => {
    const interval = setInterval(() => {
      setSeconds(seconds => seconds + 1);
    }, 1000);
    return () => clearInterval(interval);
  }, []);

希望能有所帮助。毫无疑问

在React Native中停止setInterval

1 个答案: