如何在React Hooks中使用setTimeout更新状态值？

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

const updateCount = () => {
  setTimeout(() => {
    setCount(count + 1);
  }, 3000);
};

<button onClick={updateCount}>Update Count</button>

import React, { useState } from 'react';

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

  const updateCount = () => {
    setTimeout(() => {
      setCount(count + 1);
    }, 3000);
  };

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={updateCount}>Update Count</button>
    </div>
  );
};

export default MyComponent;