eslint-plugin-react-hooks/推荐与eslint.config.js集成

Question

我很难使用 eslint 的新配置文件（eslint.config.js）来配置 eslint-plugin-react-hooks/推荐。

使用之前的 eslint 配置 (.eslintrc.js) 会产生以下结果：

{
  "extends": [
    // ...
    "plugin:react-hooks/recommended"
  ]
}

遗憾的是，我没有找到使用 eslint.config.js 的文档。

到目前为止我最好的尝试结果是：

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

export default [
{
  plugins: {
    "react-hooks": reactHooks,
  },

  rules: {
    ...reactHooks.configs.recommended.rules,
  },
},
]

即使效果很好，我也确信这不是推荐的配置方式。

感谢您的宝贵时间。

Answer 1

直到 Facebook（因为这个插件是 React-Core github 存储库的一部分）更新以使用新的 eslint 平面配置文件，您当前使用的代码可能是您最好的选择。由于旧的

.eslintrc

配置文件的接口，几乎可以保证您需要参考以获取推荐规则的深层嵌入位不会在更新中移动并破坏任何内容。

Answer 2

@乔纳森·凯瑟 是的，根据我在官方 eslint 文档中找到的参考资料之一，您的方法是有效的。 亲自看看这里

// eslint.config.js
import js from "@eslint/js";

export default [
    {
        ...js.configs.recommended, // <------- Similar approach
        files: ["**/src/safe/*.js"]
    }
];