时间戳

首页 > 解决方案 > 如何处理 useState 延迟

reactjs - 如何处理 useState 延迟

问题描述

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

是否有处理此问题的最佳实践？还是自己推荐的替代品useState？

谢谢 ：）

标签： reactjsreact-hooks

解决方案

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

const [age, setAge] = useState(0)

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

推荐阅读