Eslint 规则来验证 react 组件名称上的 pascalcase（仅适用于 .tsx 扩展名）
Eslint rule to validate pascal case on react compoent name (only for .tsx extension)
我正在尝试使用 Eslint 在我的 React 组件上实施 PascalCase。
我查看了我能找到的所有现有 plugins/rules，这是我的问题：
我正在使用 Typescript（.tsx 扩展名），所以 react/jsx-pascal-case 不适合我。
对于不是组件的文件，我确实希望允许 kebab-case，所以我想只过滤掉扩展名为 .tsx 的文件。
TL;DR - 我喜欢 Eslint 规则来强制执行 PascalCase，但仅限于以 .tsx.
结尾的文件
谢谢！
您可以考虑将 typescript-eslint 扩展用于您的 eslint 设置。
然后，您可以参考 naming-convention 规则，该规则允许您对组件强制使用 Pascal 大小写。
看来我需要的是 eslint-plugin-filenames 插件和 "filenames/match-exported" 规则。这并不强制使用 pascal 大小写调用实际组件，但这可以使用@wentjun 的回答
强制执行
我正在尝试使用 Eslint 在我的 React 组件上实施 PascalCase。
我查看了我能找到的所有现有 plugins/rules，这是我的问题：
我正在使用 Typescript（.tsx 扩展名），所以 react/jsx-pascal-case 不适合我。
对于不是组件的文件，我确实希望允许 kebab-case，所以我想只过滤掉扩展名为 .tsx 的文件。
TL;DR - 我喜欢 Eslint 规则来强制执行 PascalCase，但仅限于以 .tsx.
结尾的文件
谢谢！
您可以考虑将 typescript-eslint 扩展用于您的 eslint 设置。
然后，您可以参考 naming-convention 规则，该规则允许您对组件强制使用 Pascal 大小写。
看来我需要的是 eslint-plugin-filenames 插件和 "filenames/match-exported" 规则。这并不强制使用 pascal 大小写调用实际组件，但这可以使用@wentjun 的回答