reactjs - 如何使用 eslint 规则进行 no-multi-comp

Question

我遇到了这个风格指南并试图采用它的一些规则。

提到的第一条规则

每个文件只包含一个 React 组件。但是，每个文件允许多个无状态或纯组件。eslint：反应/无多重补偿。

所以在我的.eslintrc

{
    "parser": "babel-eslint",
    "plugins": [
        "react"
    ],
    "extends": [
        "eslint:recommended",
        "plugin:react/recommended"
    ],
    "rules": {
       "no-set-state": "off"
    },

    "parserOptions": {
      "ecmaVersion": 6,
      "sourceType": "module",
      "ecmaFeatures": {
          "jsx": true,
          "modules": true
      }
  },
  "globals": {
    "localStorage": true,
    "fetch": true
},
  "settings": {
    "react": {
        "pragma": "React",
        "version": "16.4.1"
    }
    }
}

我将此添加到rules

"rules": {
   "no-set-state": "off",
   "react/no-multi-comp":  [true, { "ignoreStateless": true }]
},

我这样做正确吗？因为当我阅读文档时，我看到了一个<enabled>我不知道这意味着什么。

Answer 1

<enabled>寻找其中一种0,1,2或一种off,warn,error含义的值：

从文档：

"off" 或 0 - 关闭规则

"warn" 或 1 - 将规则作为警告打开（不影响退出代码）

“错误”或 2 - 将规则作为错误打开（
触发时退出代码为 1）

Answer 2

使用 Visual Studio Code 并安装 ESLint 插件，您应该可以在 Output > ESLint 下查看

正在<enabled>寻找 0、1 或 2。

相应地改变。