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

Question

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

Answer 1

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

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

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

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