【REACT报错-React Hook useEffect has missing dependencies】

最新推荐文章于 2024-06-17 16:38:17 发布

历目

最新推荐文章于 2024-06-17 16:38:17 发布

阅读量879

点赞数 1

分类专栏： REACT 文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/limuzhixing/article/details/129240603

版权

REACT 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

当ESLint报告在useEffect中的某些行为产生警告时，可以使用eslint-disable-line注释来临时禁用该警告。例如，在只希望useEffect在初始化时执行一次的情况下，如果内部函数或变量触发警告，添加此注释可以消除提示。示例代码展示了如何在useEffect后添加该注释来避免不必要的警告。

摘要由CSDN通过智能技术生成

一般都是eslint 的检查导致的问题

可以在 useEffect 后加入注释“// eslint-disable-line”

注释警告就可以解除了，比如有些时候你只希望useEffect 初始化的时候加载一次，但是里面的函数活或者变量他会提示你这个警告，就可以使用这个注释，使用方法例如：

useEffect(()=>{
   console.log(11111111)
   if(list.length === 0){
     dispatch(loadList())
   }else{
     alert('列表已被缓存！')
   }
},[]);// eslint-disable-line