react hook 闭包陷阱问题

项目场景:

react中使用hook(useEffect)时遇到的闭包陷阱问题


问题描述

react中使用hook(useEffect)时遇到的闭包陷阱问题:

原因分析:

在hook里面的函数,如果是useEffect(()=>(),[])这种写法,即只组件挂载阶段执行,那么在这里面的函数,拿到的值始终都只是初始化时候的值,就算你在其他地方修改了值之后,也是获取不到最新值的。


解决方案:

由于在组件其他更新的时候,总是会走 useEffect 这个函数,处于更新模式情况下,可以就是采取 清除-重建 的方式进行

[推荐文章]
(https://blog.csdn.net/weixin_37719279/article/details/118497865?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2defaultCTRLISTRate-1.pc_relevant_aa&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2defaultCTRLISTRate-1.pc_relevant_aa&utm_relevant_index=1)

你可能感兴趣的:(react.js)