Atom Prettier 在自动保存时添加对 useEffect 的依赖

Question

我有 prettier installed in my Atom 编辑器。我启用了自动保存选项。但大多数时候它会在更改 useEffect 依赖项数组时自动保存。我不希望原子在依赖数组中自动添加元素。如果有人可以指导我使用启用/禁用此功能的更漂亮的配置，我将不胜感激 -

以下是更改示例。

原文：

useEffect(() => {
    dispatch(fetchListPlants());
}, []);

自动保存后：

useEffect(() => {
    dispatch(fetchListPlants());
}, [dispatch]);

原文：

useEffect(() => {
    geocoder.addTo('#geocoder');
    dispatch(fetchListQuotes());
}, []);

自动保存后：

useEffect(() => {
    geocoder.addTo('#geocoder');
    dispatch(fetchListQuotes());
}, [geocoder, dispatch]);

我的Prettier.json

{
    "arrowParens": "avoid",
    "bracketSpacing": true,
    "endOfLine": "auto",
    "htmlWhitespaceSensitivity": "css",
    "insertPragma": false,
    "jsxBracketSameLine": true,
    "jsxSingleQuote": true,
    "printWidth": 120,
    "proseWrap": "preserve",
    "quoteProps": "as-needed",
    "requirePragma": false,
    "semi": true,
    "singleQuote": true,
    "tabWidth": 4,
    "trailingComma": "none",
    "useTabs": false,
    "vueIndentScriptAndStyle": false
  }

Answer 1

查看 prettier-atom 的 dependencies，我怀疑 ESLint 集成可能是导致此问题的原因。 ESLint 报告缺少 useEffect() 的依赖项，但我不确定该规则是否属于可修复错误的类别。

无论哪种方式，请尝试在 prettier-atom 设置中禁用 ESLint 集成，看看问题是否仍然存在：

您可以在 Settings > Packages > prettier-atom

找到该 Atom 包的设置

Atom Prettier 在自动保存时添加对 useEffect 的依赖

Atom Prettier adds dependencies in useEffect at auto save

atom-editor

prettier

prettier-eslint