我想知道如何在react native中设置从00:00:00开始的时钟计时器。

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

const Timer = () => {
  const [time, setTime] = useState("00:00:00");

  useEffect(() => {
    const interval = setInterval(() => {
      // 获取当前时间
      const date = new Date();
      
      // 将当前时间转换为时分秒格式
      const hours = String(date.getHours()).padStart(2, '0');
      const minutes = String(date.getMinutes()).padStart(2, '0');
      const seconds = String(date.getSeconds()).padStart(2, '0');
      
      // 更新计时器显示
      setTime(`${hours}:${minutes}:${seconds}`);
    }, 1000);

    // 清除计时器
    return () => clearInterval(interval);
  }, []);

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

const App = () => {
  return (
    <View>
      <Timer />
    </View>
  );
}