使用useState的多个递增/递减按钮失败

const [count, setCount] = useState(0);

const handleIncrement = () => {
  setCount(prevCount => prevCount + 1);
};

const handleDecrement = () => {
  setCount(prevCount => prevCount - 1);
};

const [count1, setCount1] = useState(0);
const [count2, setCount2] = useState(0);

useEffect(() => {
  // 当count1发生变化时，更新count2的值
  setCount2(count1 * 2);
}, [count1]);

const handleIncrement1 = () => {
  setCount1(prevCount => prevCount + 1);
};

const handleDecrement1 = () => {
  setCount1(prevCount => prevCount - 1);
};

const handleIncrement2 = () => {
  setCount2(prevCount => prevCount + 1);
};

const handleDecrement2 = () => {
  setCount2(prevCount => prevCount - 1);
};

const countRef = useRef(count);
countRef.current = count;

const handleIncrement = () => {
  setTimeout(() => {
    setCount(countRef.current + 1);
  }, 1000);
};

const handleDecrement = () => {
  setTimeout(() => {
    setCount(countRef.current - 1);
  }, 1000);
};