reactjs - Lint DOM/Component 属性值到 camelCase

Question

我想将className我的 DOM 元素和组件上的属性值强制为 camelCase。

示例 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"但找不到属性值的选择器。很容易配置属性应该遵循约定，而不是它们的值（属性值）

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