VS-code 在包含连字符的类名之间添加空格

Mit*_*tsa 2 jsx reactjs eslint visual-studio-code prettier

我的 VSCode 配置了更漂亮和 ESLint 设置,使开发更容易。

但我不确定哪个规则影响了我的 JSX 类名。理想情况下,类名应该是:test-wrapper

 <i className={style.test-wrapper} />
Run Code Online (Sandbox Code Playgroud)

但它在保存时更改为以下并导致很多问题:

 <i className={style.test - wrapper} />
Run Code Online (Sandbox Code Playgroud)

我可以知道我应该覆盖或修改哪个规则吗?

Ved*_*ric 5

使用点表示法访问对象属性 ( style.test-wrapper) 仅当属性名称包含普通字母a-z, A-Z, 数字0-9和特殊字符$and时才有效_。此外,名称不能以数字开头。

如果要-在属性名称中使用字符,可以使用括号表示法

<i className={style['test-wrapper']} />
Run Code Online (Sandbox Code Playgroud)