Je suis nouveau pour réagir et je travaille sur un projet. Je rencontre des extensions ts et tsx. Je ne comprends pas où dois-je utiliser ts ou tsx. Toute aide à ce sujet est très appréciée. Merci
4 Réponses :
Utilisez .ts pour les fichiers Typescript purs.
Utilisez .tsx pour les fichiers contenant JSX.
Par exemple, un composant react serait .tsx mais un fichier contenant des fonctions d'assistance serait .ts
Pour ajouter à cette réponse (correcte), c'est la même chose que si vous faisiez React sans TypeScript, vous utiliseriez .js et .jsx pour les fichiers javascript purs vs JSX.
pas nécessairement, vous pouvez écrire des composants TS React purs, je le reformulerais comme: un composant react contenant la syntaxe de réaction "tag like" (qui est vraiment tsx). Juste pour clarifier cela à quiconque ne le sait pas vraiment.
L'extension .tsx est utilisée lorsque nous voulons incorporer des éléments JSX dans les fichiers tandis que .ts est utilisé pour les fichiers Typescript simples et ne prend pas en charge l'ajout d'éléments JSX.
lorsque vous utilisez .tsx, vous pouvez utiliser JSX dans ce fichier particulier tandis que .ts vous donne une erreur.
Toutes les réponses ci-dessus sont correctes.
Les fichiers .ts ne contiennent que du TypeScript pur
.tsx a également inclus JSX.
D'un autre point de vue, vous pouvez tout copier à partir d'un fichier .ts
et coller sur .tsx
fichier .tsx
, et vous n'avez rien à modifier. Mais si vous copiez à partir d'un fichier .tsx
, vous devez le refactoriser en supprimant les éléments JSX
.
Copie possible de stackoverflow.com/questions/34224007/...
En gros, j'utilise des fichiers .ts pour les scripts simples et .tsx pour les fichiers contenant du balisage
identique à la différence entre c et c ++: p
Est-ce que cela répond à votre question? Y a-t-il un inconvénient à utiliser .tsx au lieu de .ts tout le temps en tapuscrit?