过去，我们已经明确警告过调用setState({myProperty})是异步的，并且 的值this.state.myProperty在回调或下一个render()方法之前无效。
使用useState，如何在显式更新状态后获取状态值？
这如何与钩子一起工作？据我所知，setter 函数useState不接受回调，例如
const [value, setValue] = useState(0);
setValue(42, () => console.log('hi callback');
不会导致运行回调。
我在旧世界的另一个解决方法是(e.g. this.otherProperty = 42)在类上挂一个实例变量，但这在这里不起作用，因为没有可重用的函数实例（this在严格模式下没有）。
好吧，如果您参考相关文档，您会发现...
const [state, setState] = useState(initialState);
返回一个有状态的值和一个更新它的函数。
在初始渲染期间，返回的状态 (state) 与作为第一个参数 (initialState) 传递的值相同。
setState 函数用于更新状态。它接受一个新的状态值并将组件的重新渲染排入队列。
setState(newState);
在随后的重新渲染期间， useState 返回的第一个值将始终是应用更新后的最新状态。
所以你的新状态，不管它是什么，就是你刚刚在 中设置的useState，即 的值initialState。它直接转到state，此后响应更新。进一步引用相关文档：
调用 useState 有什么作用？它声明了一个“状态变量”。我们的变量被称为 count 但我们可以称它为其他任何东西，比如香蕉。这是一种在函数调用之间“保留”某些值的方法——useState 是一种使用 this.state 在类中提供的完全相同功能的新方法。通常，当函数退出时变量“消失”，但状态变量被 React 保留。
如果您想在状态更新时做某事，那么只需使用componentDidUpdate. （文档）