react hooks setstate回调

React Hooks 中的 `setState` 并没有提供直接的回调函数参数，与 Class 组件中的 `setState` 不同。在处理需要在 `setState` 完成后执行回调的情况下，可以使用 `useEffect` 钩子来模拟实现。

以下是一个示例代码，展示了如何在 `setState` 完成后执行回调函数：

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

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

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

  useEffect(() => {
    // 这里的回调函数会在每次 count 更新后执行
    console.log('Count updated:', count);
  }, [count]);

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

export default App;

在上述代码中，我们通过 `useState` 定义了一个名为 `count` 的状态变量，并使用 `setCount` 进行更新。在 `handleButtonClick` 函数中，我们通过传递一个回调函数给 `setCount` 来进行更新。这个回调函数接收前一个状态值作为参数，并返回新的状态值。

在函数组件中使用 `useEffect` 钩子，并将 `count` 添加为依赖项。当 `count` 发生变化时，`useEffect` 的回调函数会被触发执行。这就实现了在 `setState` 完成后执行回调的效果。

请注意，`useEffect` 的回调函数会在组件渲染之后执行，并且每次 `count` 更新时都会触发。如果只想在组件挂载或卸载时执行一次回调，可以将依赖项数组留空。