Reactjs 验证react组件名称上pascal大小写的Eslint规则（仅适用于.tsx扩展名）

我正在尝试使用Eslint在我的React组件上强制执行

PascalCase

。 我已经查看了我能找到的所有现有插件/规则，以下是我的问题：

我使用的是Typescript（.tsx扩展名），所以react/jsx pascal case对我不起作用。
对于不是组件的文件，我确实希望允许kebab大小写，所以我只想筛选扩展名为.tsx的文件

TL；DR-Id需要一个Eslint规则来强制使用PascalCase，但仅限于以

.tsx

结尾的文件
谢谢

---

然后，您可以参考该规则，该规则将允许您为组件强制使用pascal大小写。

看起来我需要的是

eslint插件文件名

插件，它是

的“文件名/匹配导出”

规则。这并不强制使用pascal case调用实际组件，但可以使用@wentjun的答案强制执行此操作

谢谢@wentjun。我在允许的选择器中没有看到

文件名

选项。看起来规则是在查看文件中的代码。我不想强制使用组件名，而是文件名。我可能可以将其与文件名/匹配导出规则结合使用。@UriKlar Ahh。。我担心这条规则本身可能不够具体。你找到答案了吗？是的，我使用了

文件名/match exported

使文件名与导出名匹配。因此，只要组件是用pascal大小写定义的，那么文件名也是如此