React Native不使用setInterval更新useState

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;