允许使用 ?。 eslint 中的语法

Question

我用了?。我代码中的语法，但是当我将 eslint 配置到我的项目中时，它们将此类构造标记为解析错误（意外标记） const currentFiles = folder?.files

这是我的 eslint 配置

{
    "extends": ["airbnb", "prettier"],
    "plugins": ["prettier"],
    "rules": {
      "prettier/prettier": ["error"],
      "react/react-in-jsx-scope": "off",
      "import/no-unresolved": "off",
      "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
      "jsx-a11y/label-has-associated-control": ["error", {
        "required": {
          "some": ["nesting", "id"]
        }
      }],
      "jsx-a11y/label-has-for": ["error", {
        "required": {
          "some": ["nesting", "id"]
        }
      }]
    }
  }

有没有办法以某种方式配置 linter，这样它就不会再出错了？

Answer 1

支持 ?. 运算符 (optional chaining) has been added to ESLint in version 7.5.0:

The default parser and built-in rules will support this syntax when you enable parserOptions.ecmaVersion: 2020 in your configuration:

{
    "parserOptions": {
        "ecmaVersion": 2020
    }
}

允许使用 ?。 eslint 中的语法

Allow using ?. syntax in eslint

javascript

reactjs

eslint