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

Question

安装 EsLint 后，我​​看到的错误之一如下：

Prop spreading is forbiddeneslint(react/jsx-props-no-spreading)

I want to create a rule in the EsLint configuration to ignore this error but the examples I found do not work.

This is the format to create a global exception:

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

And this is the format to create an exception in a specific file:

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

And here, the code that I currently have:

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

At the moment, I just keep giving the same error continuously.

Thank you.

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