reactjs - 如何处理useState延迟

Question

在 React 中，我经常在 setState() 之后的其他操作(或 api 交互)中使用常量的状态，但是当该部分代码时状态尚未更新是很常见的运行，大部分时间会导致错误/意外行为。

是否有处理此问题的最佳做法？还是 useState 本身的推荐替代方案？

谢谢:)

Answer 1

你可以使用 useEffect 在状态改变后执行一个函数，但是这个方法也会触发 useEffect 中的内容第一次渲染，并修复这个问题你需要创建一个自定义 Hook

const [age, setAge] = useState(0)

useEffect(() => {
   console.log('the age has changed', age)
}, [age])