правило отступа eslint не отключено

Question

Я пытаюсь сделать так, чтобы симпатичнее и эслинт работали вместе. Я следовал этой статье , но у меня проблема с правилом отступа ... в основном у меня есть jsx формат

const ResponseModule = ({ response }) => (
    <div>
        {response.code === 401 ? (
            <div className="response">
                <div className="response-content">
                    <h1> {response.message} </h1>
                    <button onClick={() => initLogout()}> Login to continue </button>
                </div>
            </div>
        ) : null}
    </div>
);

Я получил ошибки отступа, подобные этой

[eslint] Delete `..` [prettier/prettier]

Теперь, когда я применяю автоматическое исправление, оно становится таким:

const ResponseModule = ({ response }) => (
  <div>
    {response.code === 401 ? (
      <div className="response">
        <div className="response-content">
          <h1> {response.message} </h1>
          <button onClick={() => initLogout()}> Login to continue </button>
        </div>
      </div>
    ) : null}
  </div>
);

Когда я нажимаю "Сохранить" (CTRL + S) в коде, он просто возвращается к первому формату и, таким образом, снова выдает те же ошибки ... Я не могу продолжить работу.

Это мой конфиг eslint

{
  "env": {
    "browser": true
  },
  "extends": [
    "airbnb",
    "plugin:prettier/recommended"
  ],
  "parser": "babel-eslint",
  "rules": {
    "no-tabs": 0,
    "indent": 0,
    "no-underscore-dangle": 0,
    "react/prop-types": 0,
    "linebreak-style": [
      "error",
      "windows"
    ],
    "jsx-closing-tag-location": 0,
    "class-methods-use-this": 0,
    "import/no-named-as-default": 0,
    "react/jsx-filename-extension": [
      "error",
      {
        "extensions": [
          ".js",
          ".jsx"
        ]
      }
    ]
  },
  "plugins": [
    "prettier"
  ]
}

Это пакет eslint / prettier, который у меня есть

"eslint": "^5.3.0",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-prettier": "^3.1.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.1.1",
"eslint-plugin-prettier": "^3.0.0",
"eslint-plugin-react": "^7.11.0",
"prettier": "1.14.3",

Answer 1

Вам также необходимо отключить react/jsx-indent, это правило активируется eslint-config-airbnb.