忽略“命名约定”中的类名

Question

我正在使用 tailwind 和 react，以及 eslint。

我有当前配置

        "@typescript-eslint/naming-convention": [
          "error",
          {
            "selector": "default",
            "format": ["camelCase", "UPPER_CASE", "PascalCase"],
            "leadingUnderscore": "allow",
            "trailingUnderscore": "allow"
          },
          {
            "selector": "variable",
            "format": ["camelCase", "UPPER_CASE", "PascalCase"],
            "leadingUnderscore": "allow",
            "trailingUnderscore": "allow"
          },
          {
            "selector": "typeLike",
            "format": ["PascalCase"]
          }
        ],

但是在代码中，当我使用类名库时，我必须执行以下操作：

   className={
     classNames({
     'py-2 pl-8 pr-4 cursor-pointer ':true,
     })
    }

违反规则的...

我想知道我是否可以忽略介于 classname({***})

之间的任何约定

Answer 1

要忽略 classNames 调用中的所有内容，您需要类似于 indent 规则的 ignoredNodes 的东西，它可以访问 AST，但我找不到类似的东西@typescript-eslint/naming-convention 的选项。

解决方法是按照 ignoring properties that require quotes 上的文档示例，例如

{
    "selector": "property",
    "format": ["strictCamelCase"],
    "filter": {
         "regex": "[- ]",
         "match": false
    }
}

忽略“命名约定”中的类名

ignore classname in `naming-convention`

typescript

eslint

typescript-eslint