关闭括号前空行的eslint规则

Question

嗨我想在关闭括号之前找到空行的eslint规则：我正在使用react，这里有一个例子：

const test = () => (
 <div>
  Hello
 </div>
// This should show an error
)

eslint config：package.json

"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.1.1",
"eslint-plugin-react": "^7.11.1",

.eslintrc

{
  "extends": "airbnb",
  "parser": "babel-eslint",
  "rules": {
    "max-len": ["error", { "code": 80, "ignoreUrls": true }],
    "no-console": [2]
  },
  "env": {
    "browser": true
  }
}

Answer 1

这很专业，我找不到处理它的标准规则。 最接近的是填充块，用于在块的开头和结尾处理空行。 padded-blocks: ["error", "never"]是airbnb的默认值，触发空行。 不幸的是，它适用于括号，而不是括号。

空间中的空格 确实处理了parens的开头和结尾，但只强制/禁止空格，而不是空格，如换行符。 如果有任何方法可以将两个组件定义为语句，那么padding-lines-between-statements会有所帮助 - 但事实并非如此。

我没有发现具有此功能的插件，尽管有很多可以浏览的内容。 最简单的解决方案是根据padded-blocks制作自定义规则（包），并用parens替换括号。