useState实现回调

在React中，useState 是一个用于管理组件状态的钩子。如果你想要在状态更新后执行一个回调函数，你可以使用 useEffect 钩子来实现。

以下是一个使用 useState 和 useEffect 实现状态更新后执行回调的例子：

import React, { useState, useEffect } from 'react';
 
function ExampleComponent() {
  const [count, setCount] = useState(0);
 
  useEffect(() => {
    // 这里的函数会在count更新后执行
    console.log(`Count updated to: ${count}`);
  }, [count]);
 
  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>Increment</button>
      <button onClick={() => setCount(count - 1)}>Decrement</button>
    </div>
  );
}
 
export default ExampleComponent;

在这个例子中，每次count状态变量更新时，useEffect 中的函数都会执行，并输出新的count值。这个模式常用于执行副作用操作，例如数据获取、DOM操作等。