右括号前空行的 eslint 规则

Question

您好，我正在尝试在关闭括号之前找到空行的 eslint 规则：我正在使用 React，这里有一个示例：

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

eslint 配置：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 的默认值并触发空行。不幸的是，它适用于大括号，而不是圆括号。

space-in-parens 确实处理括号的开头和结尾，但只强制/删除空格，而不是换行符等空白。如果有任何方法可以将两个组件定义为语句，则padding-lines- Between-statements将会有所帮助 - 但事实并非如此。

我没有发现具有此功能的插件，尽管有[很多值得一看]。最简单的解决方案是基于 制定自定义规则（包）padded-blocks，并将大括号替换为括号。