【reactJs项目】告警解决

告警1:

Function declared in a loop contains unsafe references to variable

代码:

【reactJs项目】告警解决_第1张图片

原因:appObj这个变量需要放在循环中声明,但是逻辑上放进去又不对,所以需要再声明一个变量,使新声明的变量被修改时,可以污染到for循环外的appObj变量

修改:外面变量是需要保存的,每次循环完成后,数据会流到appObj,下一次循环时,会接着数据赋值给新的变量:

【reactJs项目】告警解决_第2张图片

 

告警2:

还有一种常见的告警就是在使用useEffect的时候,需要绑定依赖,但是有些时候就会陷入无限循环中:

【reactJs项目】告警解决_第3张图片

如果我在下方的括号中写出service(封装的调用接口的方法),那么代码初始化就会无限循环的调用渲染,最简单的方式,在这一行禁用eslint:加上 // eslint-disable-next-line react-hooks/exhaustive-deps 即可解决,前提你需要判断是否不用去按数据的变化去渲染。

你可能感兴趣的:(JS,react)