react-native - 在 React Native 中停止 setInterval

Question

我正在减少使用 setInterval 在本机反应中的时间。我想在 2 秒后停止计时器，但它没有停止。请帮助我清除间隔。

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>
  );
}

 

标签： react-native

Answer 1

尝试这个：

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

希望能帮助到你。随时怀疑