reactjs - Reactjs 中的 EsLint "react/jsx-props-no-spreading"错误禁用

Question

安装 EsLint 后，我​​出现的错误之一如下:

Prop spreading is forbiddeneslint(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
  }
};