React Native不使用setInterval更新useState

在React Native中，你可以使用useState和useEffect钩子来替代setInterval进行状态更新。以下是一个基本的例子：

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

const TimerComponent = () => {
  const [seconds, setSeconds] = useState(0);

  useEffect(() => {
    const timer = setTimeout(() => {
      setSeconds(seconds + 1);
    }, 1000);
    return () => clearTimeout(timer); // 清除定时器
  }, [seconds]); // 当seconds变化时，重新运行useEffect

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

export default TimerComponent;

在这个例子中，我们创建了一个名为TimerComponent的组件，它有一个名为seconds的状态变量。我们使用useEffect钩子来在每次seconds变化时运行一个函数。这个函数使用setTimeout来在1秒后增加seconds的值。当seconds的值增加时，useEffect会再次运行，创建一个新的定时器。这样，我们就创建了一个每秒更新一次的定时器。