忽略“命名范围”中的className

Question

我正在使用尾风，反应和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库时，我必须执行以下操作：

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

哪个打破规则...

我想知道我是否可以忽略 className之间的任何内容（{{ ***}）

Answer 1

要忽略 classNames 呼叫中的所有内容，您需要类似于 indent 规则<代码> brim> noce 可以访问AST的内容，但我可以' t查找@typescript-eslint/naming-convention 的类似选项。

一个解决方法是在忽略需要报价的属性

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

如果您愿意更改代码编写约定而不是工具配置，则可以简单地简单以不同的方式写出类表达式：

classNames(
  foo == bar && 'py-2 pl-8 pr-4 cursor-pointer',
  baz > 0 ? 'rounded' : 'rounded-xl'
)