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

时间:2018-12-22 11:22:40

标签: reactjs visual-studio-code jsx eslint prettier

我的VSCode配置了漂亮的设置和ESLint设置,以简化开发过程。

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

 <i className={style.test-wrapper} />

但是保存时更改为以下内容,并导致许多问题:

 <i className={style.test - wrapper} />

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

3 个答案:

答案 0 :(得分:1)

仅当属性名称包含纯字母HTTP/1.1 200 Okstyle.test-wrapper和数字{{时,才使用点符号访问对象属性(a-z) 1}}和特殊字符A-Z0-9。另外,名称不能以数字开头。

如果要在属性名称中使用字符$,则可以使用括号符号

_

答案 1 :(得分:0)

对于css模块,您可以将类定义为test-wrapper,并且仍然可以按以下方式以驼峰式的方式调用这些类。它对我有用,认为可能会帮助某人

 <i className={style.testWrapper} />

答案 2 :(得分:-1)

此问题通过vs代码编辑器 设置->打开设置用户界面 设置用户界面,获取右上角 在您的vs代码上添加代码即可解决

"editor.formatOnSave": false,
"editor.insertSpaces": false