Остановить setInterval в React Native

Question

Я уменьшаю время, используя setInterval в react native. Я хочу остановить таймер через 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);
  }, []);

Надеюсь, это поможет. не стесняйтесь сомневаться