为什么状态会更新，但我不能通过React中的钩子访问它？

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

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

  useEffect(() => {
    console.log(count); // 在状态更新后访问状态
  }, [count]);

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

import React, { useState } from 'react';

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

  const increment = () => {
    setCount(prevCount => prevCount + 1); // 使用函数式更新
  };

  console.log(count); // 在事件处理函数外部访问状态

  return (
    <div>
      <button onClick={increment}>Increment</button>
    </div>
  );
}