在 Reactjs 中的 EsLint “react / jsx-props-no-spreading”錯誤中禁用

Question

安裝 EsLint 后出現的錯誤之一如下：

道具傳播是禁止的（react/jsx-props-no-spreading）

我想在 EsLint 配置中創建一個規則來忽略此錯誤，但我發現的示例不起作用。

這是創建全局異常的格式：

...
"react/jsx-props-no-spreading": [{
    "html": "ignore" / "enforce",
    "custom": "ignore" / "enforce",
    "exceptions": [<string>]
}]
...

這是在特定文件中創建異常的格式：

{
  "rules": {...},
  "overrides": [
    {
      "files": ["*-test.js","*.spec.js"],
      "rules": {
        "no-unused-expressions": "off"
      }
    }
  ]
}

在這里，我目前擁有的代碼：

module.exports = {
  extends: "../../.eslintrc.js",
  rules: {
    "import/no-extraneous-dependencies": ["error",  {"devDependencies": true}]
  },
  env: {
    "jest": true
  }
};

目前，我只是不斷地給出同樣的錯誤。

謝謝你。

Answer 1

嘗試關閉"react/jsx-props-no-spreading"規則：

module.exports = {
  extends: "../../.eslintrc.js",
  rules: {
    "import/no-extraneous-dependencies": ["error",  {"devDependencies": true}],
    "react/jsx-props-no-spreading": "off",
  },
  env: {
    "jest": true
  }
};

Answer 2

例如，如果沒有太多錯誤，您可以通過// eslint-disable-next-line忽略它們

或者你可以寫具體的錯誤，比如

// eslint-disable jsx-props-no-spreading