如果div为空，则Eslint airbnb gets强制执行自我关闭div标签。 如何禁用此规则？

Question

Airbnb linting rules are removing the closing div tag if the div element is empty eg:

<div></div>

Is replaced by

<div/>

My .eslintrc file is this:

 { "extends": ["airbnb", "plugin:prettier/recommended"], "parser": "babel-eslint", "parserOptions": { "ecmaVersion": 9, "ecmaFeatures": { "impliedStrict": true, "jsx": true } }, "env": { "node": true, "es6": true }, "plugins": ["react"], "rules": { "react/jsx-filename-extension": ["off"], "react/prefer-stateless-function": ["off"], "arrow-body-style": ["error", "always"], "react/self-closing-comp": [ "error", { "component": true, "html": false } ] } } 

Answer 1

Set "react/self-closing-comp" to "off".

 {
  "extends": ["airbnb", "plugin:prettier/recommended"],
  "parser": "babel-eslint",
  "parserOptions": {
    "ecmaVersion": 9,
    "ecmaFeatures": {
      "impliedStrict": true,
      "jsx": true
    }
  },
  "env": {
    "node": true,
    "es6": true
  },
  "plugins": ["react"],
  "rules": {
    "react/jsx-filename-extension": ["off"],
    "react/prefer-stateless-function": ["off"],
    "arrow-body-style": ["error", "always"],
    "react/self-closing-comp": "off"
  }
}