如何在React-native中制作一段恢复时间的函数？

// 导入React Native的相关组件和函数
import React, { useState, useEffect } from 'react';
import { View, Text } from 'react-native';

const App = () => {
  const [timeLeft, setTimeLeft] = useState(10); // 设置初始恢复时间为10秒

  useEffect(() => {
    // 创建一个定时器，在1秒后执行恢复时间的逻辑
    const timer = setTimeout(() => {
      if (timeLeft > 0) {
        setTimeLeft(timeLeft - 1); // 每秒减少1秒
      }
    }, 1000);

    // 清除定时器
    return () => clearTimeout(timer);
  }, [timeLeft]);

  return (
    <View>
      <Text>恢复时间: {timeLeft}秒</Text>
    </View>
  );
};

export default App;