Soy nuevo en reaccionar y estoy trabajando en un proyecto. Me encuentro con las .ts y .tsx . No entiendo dónde debo usar .ts y .tsx . Cualquier ayuda en esto es muy apreciada. ¡Gracias!
La extensión .tsx se usa cuando queremos incrustar elementos JSX dentro de los archivos, mientras que .ts se usa para archivos Typescript sin formato y no admite agregar elementos JSX.
Todas las respuestas anteriores son correctas.
Los archivos .ts contienen solo TypeScript puro
.tsx también ha incluido JSX.
Desde otro punto de vista, puede copiar todo desde un archivo .ts y pegarlo en un archivo .tsx , y no necesita modificar nada. Pero si está copiando desde un archivo .tsx , debe refactorizarlo eliminando los elementos JSX .
La diferencia es simple: .ts se usa para archivos TypeScript sin JSX, mientras que .tsx se utiliza cuando el archivo contiene JSX (componentes React). En general, usa .tsx para componentes de React que renderizan UI y .ts para utilidades, servicios, tipos, interfaces y lógica que no incluye JSX.
Use .ts para archivos TypeScript puros.
Use .tsx para archivos que contengan JSX.
Por ejemplo, un componente de React sería .tsx , pero un archivo que contenga funciones auxiliares sería .ts .
Use .ts para archivos TypeScript puros.
Use .tsx para archivos que contengan JSX.
Por ejemplo, un componente de React sería .tsx , pero un archivo que contenga funciones auxiliares sería .ts .