В чем разница между расширениями .ts и .tsx. Оба используются в качестве расширений для файлов машинописного текста в реакции. Итак, где мы должны их использовать?
Я новичок в реагировании и работаю над проектом. Я сталкиваюсь с расширениями .ts и .tsx. Я не понимаю, где я должен использовать .ts и .tsx. Любая помощь в этом очень ценится. Спасибо!
Примерно я использую файлы .ts для простых скриптов и .tsx для файлов, содержащих разметку.
такая же, как разница между c и c++: p
Отвечает ли это на ваш вопрос? Есть ли недостаток в постоянном использовании .tsx вместо .ts в машинописном тексте?
Ответы 4
Используйте .ts для чистых файлов TypeScript.
Используйте .tsx для файлов, содержащих JSX.
Например, компонент React будет .tsx, а файл, содержащий вспомогательные функции, будет .ts.
Чтобы добавить к этому (правильному) ответу, это так же, как если бы вы делали React без TypeScript, вы должны использовать .js и .jsx для файлов чистого javascript и JSX javascript.
не обязательно, вы можете писать чистые компоненты TS React, я бы перефразировал это как: компонент реакции, содержащий синтаксис реакции «подобный тегу» (который на самом деле является tsx). Просто чтобы объяснить это тем, кто действительно не знает об этом.
безупречный ответ!
Я провел много часов, выясняя, почему мои файлы .ts продолжают выдавать ошибки для таких вещей, как return <div>hello!</div>;. Убей меня, пожалуйста.
Расширение .tsx используется, когда мы хотим встроить элементы JSX в файлы, в то время как .ts используется для простых файлов Typescript и не поддерживает добавление элементов JSX.
когда вы используете .tsx, вы можете использовать JSX в этом конкретном файле, в то время как .ts выдает ошибку.
Все вышеперечисленные ответы верны.
.ts files contains only pure TypeScript
.tsx have included JSX also.
С другой стороны, вы можете скопировать все из файла .ts и вставить в файл .tsx, и вам не нужно ничего изменять. Но если вы копируете из файла .tsx, вам нужно реорганизовать его, удалив элементы JSX.
Возможный дубликат stackoverflow.com/questions/34224007/…