Правило Eslint для проверки pascal регистра по имени реагирующего компонента (только для расширения .tsx)

Question

Я пытаюсь использовать Eslint для принудительного применения PascalCase в моих компонентах React. Я просмотрел все существующие плагины / правила, которые смог найти, и вот мои проблемы:

Я использую Typescript (расширения .tsx), поэтому реагируйте / jsx- pascal -case won ' это не работает для меня.
Для файлов, которые не являются компонентами, я хочу разрешить использование kebab-case, поэтому я хотел бы отфильтровать только файлы с расширением .tsx.

TL; DR - Идентично правилу Eslint для принудительного применения PascalCase, но только для файлов, заканчивающихся на .tsx.
Спасибо!

Answer 1

Похоже, мне нужен был плагин eslint-plugin-filenames, и это "filenames/match-exported" правило. Это не означает, что фактический компонент вызывается с использованием pascal case, но это может быть выполнено с помощью ответа @ wentjun

Answer 2

Вы можете рассмотреть расширение typcript-eslint для своей настройки eslint.

Затем вы можете обратиться к правилу naming-Convention , которое позволит вам обеспечить применение pascal к вашим компонентам.