React Hooks如何在setState线性结束后调用函数

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

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

  useEffect(() => {
    // 这个函数会在count状态更新后执行
    console.log('Count has been updated:', count);
  }, [count]); // 注意这里的依赖数组，它告诉React只有在count变化时才重新运行effect

  const handleClick = () => {
    setCount(count + 1);
  };

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={handleClick}>
        Click me
      </button>
    </div>
  );
}

export default MyComponent;

const handleClick = () => {
  setCount(prevCount => {
    const newCount = prevCount + 1;
    // 在这里执行你的操作
    console.log('Count will be updated to:', newCount);
    return newCount;
  });
};