如何将eslint规则用于no-multi-comp

时间:2018-09-24 04:25:25

标签: reactjs eslint eslint-config-airbnb eslintrc

我遇到了这个style guide,并试图采用其某些规则。

提到的第一条规则

  

每个文件仅包含一个React组件。但是,多个   每个文件都允许使用无状态或纯组件。陪同   反应/无多重补偿。

所以在我的.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 }]
},

我这样做正确吗?因为当我阅读docs时,我看到了<enabled>我不知道那是什么意思。

2 个答案:

答案 0 :(得分:2)

<enabled>寻找值0,1,2off,warn,error之一:

来自docs

  

“关闭”或0-关闭规则

     

“警告”或1-将规则作为警告(不会影响退出代码)

     

“错误”或2-将规则作为错误打开(退出代码为1,
     触发)

答案 1 :(得分:0)

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

enter image description here

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

进行相应更改。