[react] useState的一些小细节

作者：2023面试高手 | 2024-04-15 05:15:19

踩

1.无限循环

因为setState修改是异步的,加上会触发函数重新渲染, 如果代码长这样

一秒再修改,然后重新触发setTImeout, 然后再触发,重复触发循环

如果这样呢

还是会,因为你执行又会重新渲染

为什么修改多次还是跟不上呢?

因为是异步修改 ,所以会出现问题,怎么办?用传函数的形式解决

改成这种形式

用回调的方式返回上一个state的值,这样就可以解决了,当然可以简洁些

但是最后那个打印还是拿不到最新的结果咋办?

这里数据加了几次,但是只渲染一次,把你要更新的请求合并到一起处理

代码如下

每次点击x,y都会加1,但是

为什么?因为每次组件重新渲染let y都会重新赋值!!setState有缓存不会重新赋值

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/2023面试高手/article/detail/426002