react useState取不到改变后的状态

如果在使用 `useState` 时，无法取到改变后的状态，可能是因为 `useState` 是一个异步函数，它并不会立即更新状态。而是在下一次渲染时更新。如果需要在状态更新后立即进行一些操作，可以使用 `useEffect` 钩子函数来监听状态的变化，然后在回调函数中进行相应的操作。例如：

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

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

  useEffect(() => {
    console.log(`count has been updated to ${count}`);
  }, [count]);

  const handleClick = () => {
    setCount(count + 1);
    console.log(`count is still ${count}`);
  };

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

在这个例子中，我们使用 `useEffect` 监听 `count` 的变化，然后在回调函数中打印出新的 `count` 值。当我们点击按钮时，`setCount` 函数会更新 `count` 的值，但是在 `console.log` 中打印的 `count` 值仍然是旧值，因为 `setCount` 是一个异步函数，不会立即更新状态。但是，当下一次渲染时，`useEffect` 函数会被调用，打印出新的 `count` 值。