无法访问handleEvent函数| React挂钩中的已更新状态

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

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

  useEffect(() => {
    // 在这里可以访问到最新的count值
    console.log(count);
  }, [count]);

  return (
    <div>
      <button onClick={() => setCount(count + 1)}>增加</button>
    </div>
  );
}

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

function MyComponent() {
  const [count, setCount] = useState(0);
  const countRef = useRef(count);

  useEffect(() => {
    // 在这里可以访问到最新的count值
    console.log(countRef.current);
  }, []);

  return (
    <div>
      <button onClick={() => setCount(count + 1)}>增加</button>
    </div>
  );
}