React Native -在一个视图中使用多个倒计时计时器，无需重新渲染

import React, { useState, useEffect } from 'react';

const TimerComponent = () => {
  const [count1, setCount1] = useState(10);
  const [count2, setCount2] = useState(20);

  useEffect(() => {
    const timer1 = setInterval(() => {
      setCount1(prevCount => prevCount - 1);
    }, 1000);

    const timer2 = setInterval(() => {
      setCount2(prevCount => prevCount - 1);
    }, 2000);

    return () => {
      clearInterval(timer1);
      clearInterval(timer2);
    };
  }, []);

  return (
    <View>
      <Text>Timer 1: {count1}</Text>
      <Text>Timer 2: {count2}</Text>
    </View>
  );
};

export default TimerComponent;