我的VSCode配置了漂亮的设置和ESLint设置,以简化开发过程。
但是我不确定哪个规则会影响我的JSX类名。理想情况下,类名称应为:test-wrapper
<i className={style.test-wrapper} />
但是保存时更改为以下内容,并导致许多问题:
<i className={style.test - wrapper} />
我可以知道应该改写或修改哪个规则吗?
答案 0 :(得分:1)
仅当属性名称包含纯字母HTTP/1.1 200 Ok
,style.test-wrapper
和数字{{时,才使用点符号访问对象属性(a-z
) 1}}和特殊字符A-Z
和0-9
。另外,名称不能以数字开头。
如果要在属性名称中使用字符$
,则可以使用括号符号:
_
答案 1 :(得分:0)
对于css模块,您可以将类定义为test-wrapper
,并且仍然可以按以下方式以驼峰式的方式调用这些类。它对我有用,认为可能会帮助某人
<i className={style.testWrapper} />
答案 2 :(得分:-1)
此问题通过vs代码编辑器 设置->打开设置用户界面 设置用户界面,获取右上角 在您的vs代码上添加代码即可解决
"editor.formatOnSave": false,
"editor.insertSpaces": false