如何在eslint.config.js中配置eslint-plugin-react-hooks/recommended？

在ESLint的Flat Config系统（即eslint.config.js）中，配置eslint-plugin-react-hooks的推荐规则不需要手动拆分插件注册和规则引入，直接使用插件提供的预定义配置即可，这也是官方推荐的方式。

最简正确配置 #

import reactHooks from "eslint-plugin-react-hooks";

export default [
  reactHooks.configs.recommended
];

自定义规则扩展 #

如果需要在推荐规则基础上调整部分规则，可以在引入推荐配置后追加自定义规则对象：

import reactHooks from "eslint-plugin-react-hooks";

export default [
  reactHooks.configs.recommended,
  {
    rules: {
      // 例如将exhaustive-deps规则改为警告级别
      "react-hooks/exhaustive-deps": "warn"
    }
  }
];

关于你现有配置的说明 #

你当前手动注册插件并展开规则的写法是可行的，但并非最优解——因为reactHooks.configs.recommended本身已经包含了plugins和rules的完整配置，直接导入使用即可避免重复代码，同时更符合Flat Config的设计规范。

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