在用于设置状态的同一函数中访问最新状态值

this.setState({ count: this.state.count + 1 }, () => {
  console.log(this.state.count); // 这里会得到最新的状态值
});

this.setState((prevState) => ({
  count: prevState.count + 1
}), () => {
  console.log(this.state.count); // 这里会得到最新的状态值
});

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

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

  useEffect(() => {
    console.log(count); // 这里会得到最新的状态值
  }, [count]);

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