如何配置ESLint：当Hook无依赖数组但实际需依赖时告警/报错

没问题，用ESLint就能实现你要的效果，核心靠eslint-plugin-react-hooks插件里的react-hooks/exhaustive-deps规则，具体操作如下：

1. 先装插件 #

确保项目里装了这个插件：

npm install eslint-plugin-react-hooks --save-dev

2. 配置ESLint规则 #

在你的ESLint配置文件（比如.eslintrc.js）里，启用插件并设置规则：

module.exports = {
  plugins: ['react-hooks'],
  rules: {
    // 检测Hook依赖是否齐全，设为'warn'是警告，'error'就是报错
    'react-hooks/exhaustive-deps': 'warn',
  }
};

针对你给出的代码说明 #

你写的这段代码：

useEffect(() => {
  setIsQSDashboardEnabled(true);
  return () => {
    setIsQSDashboardEnabled(false);
  };
});

• 默认情况下，省略依赖数组时ESLint不会管，因为React允许这种写法——意思是这个副作用每次组件渲染都要执行。
• 但如果你加上了依赖数组（比如空数组[]），ESLint就会检查回调里用到的变量：如果setIsQSDashboardEnabled是useState返回的 setter，它本身是稳定的，ESLint其实不会要求你把它加进依赖；但要是它是来自props或者其他不稳定的地方，就会提示你必须把它放进依赖数组。

额外需求：强制所有useEffect必须写依赖数组 #

要是你想让所有useEffect都必须显式写依赖数组（不管是空的还是有内容），可以用社区的额外规则，比如eslint-plugin-react-hooks-extra里的相关规则，或者自己写个简单的自定义规则，确保没人能省略依赖数组，再配合react-hooks/exhaustive-deps检查依赖是否漏写。

内容的提问来源于stack exchange，提问作者rreay724