Должны ли файлы, использующие jsx в TypeScript, иметь расширение tsx?

Question

Кажется, что TypeScript и tslint не принимают код jsx в файле с расширением ts.Обязательно ли в TypeScript использовать расширение tsx для исходных файлов, использующих jsx?

Answer 1

Да, обязательно помещать jsx в файлы tsx.Это объясняется в документах

. Чтобы использовать JSX, вы должны сделать две вещи.

1. Назовите ваши файлы с расширением .tsx
2. Включить опцию jsx

Это было сделано как для имитации расширения, используемого jsx традиционно, но, вероятно, более важно, потому что Typescript имеет некоторые синтаксические конфликты с jsx (например,оператор подтверждения старого типа <type>), поэтому использование отдельного расширения помогает обеспечить обратную совместимость.