美文网首页
react ESlint警告: React Hook useEf

react ESlint警告: React Hook useEf

作者: 折叠幸福 | 来源:发表于2021-03-05 10:13 被阅读0次

问题
在使用useEffect时,当我们将函数的声明放在useEffect函数外面时
或者使用useState定义的历史变量,会报eslint警告

webpackHotDevClient.js:119 ./src/pages/detail/enterprise/modules/businessWarning/modules/tendAndBid/modules/topTitle/index.jsx
  Line 27:6:  React Hook useEffect has a missing dependency: 'menuConfig'. Either include it or remove the dependency array. You can also do a functional update 'setMenuConfig(m => ...)' if you only need 'menuConfig' in the 'setMenuConfig' call  react-hooks/exhaustive-deps

解决办法
1.在useEffect后面加个eslint注释,忽略掉


image.png

2.如果是函数,将函数放在useEffect内部,如果是变量,用deepcopy拷贝useSet定义的变量或者采用useRef

相关文章

网友评论

      本文标题:react ESlint警告: React Hook useEf

      本文链接:https://www.haomeiwen.com/subject/nhkrqltx.html