usecallback中如何使用最新的state

在使用 useCallback 的时候，如果需要使用最新的 state，可以通过将 state 作为依赖项传递给 useCallback 来实现。这样，每当 state 发生变化时，useCallback 就会重新计算并返回一个新的回调函数。

例如：

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

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

  const handleClick = useCallback(() => {
    console.log(count);
  }, [count]);

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>Increment</button>
      <button onClick={handleClick}>Click me</button>
    </div>
  );
}

在上面的例子中，handleClick 回调函数使用了 count 变量。为了确保使用最新的 count 值，我们将其作为依赖项传递给 useCallback。

当用户点击“Increment”按钮时，count 值会发生变化，useCallback 会重新计算并返回一个新的回调函数。当用户点击“Click me”按钮时，就会使用最新的 count 值执行回调函数