reactjs - 如何处理useState延迟

标签 reactjs react-hooks

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

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

谢谢:)

最佳答案

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

const [age, setAge] = useState(0)

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

关于reactjs - 如何处理useState延迟,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62808571/

相关文章:

javascript - 如何在 React 中使用 useState Hook 更改/添加数组某行的值

javascript - 可以对状态进行引用(来自 reducer )以避免创建新的回调吗?

javascript - 在 React Hooks 中使用 SetTImeout 的交通灯

html - 迭代三列 flexbox

javascript - 当我想访问对象详细信息时,React JS 抛出 "TypeError: Cannot read property ' name' of undefined"错误

reactjs - 如何在 auth0-js 中刷新后保持用户登录状态?

inheritance - 如何以编程方式 'open' Material-UI 选择字段?

javascript - React中的Select不反射(reflect)状态变化

reactjs - React工具包查询-如何在同一功能组件中使用多个查询

reactjs - React-redux useDispatch() Uncaught TypeError