微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

将 Lint DOM/Component 属性值转换为驼峰式大小写

如何解决将 Lint DOM/Component 属性值转换为驼峰式大小写

我想将我的 DOM 元素和组件的 className 属性的值强制为驼峰式大小写。

示例 DOM 元素:

//bad DOM element ❌
<div className={'signinscreen_loading'}></div>

//bad DOM element ❌
<div className={'sign-in-screen-loading'}></div>

//good DOM element ✅
<div className={'signInScreenLoading'}></div>

示例组件:

//bad component ❌
<Dropdown className={'signinscreen_loading'} />

//bad component ❌
<Dropdown className={'sign-in-screen-loading'} />

//good component ✅
<Dropdown className={'signInScreenLoading'} />

我已尝试使用 "@typescript-eslint/naming-convention" 解决此问题,但找不到属性值的选择器。很容易配置属性应该遵循约定,而不是它们的值(属性值)

我也无法从 ESLinteslint-plugin-react 中找到合适的规则。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。