2 votes

Comment définir un type/interface/etc. de TS accessible via plusieurs fichiers ?

J'aimerais réutiliser un type personnalisé spécifique que j'ai créé dans différents fichiers de mon application, mais je n'ai pas réussi à trouver une ressource appropriée expliquant comment le faire.

src/sharedTypes.ts
src/file1.ts
src/file2.ts

sharedTypes.ts :

type MyPoint = {
   x: number;
   y: number;
}

J'aimerais pouvoir utiliser cette MyPoint lorsque l'on travaille sur des file1.ts o file2.ts .

par exemple :

const pointLog = (point: MyPoint): void => {
    console.log(`Point is located at: ${point.x}, ${point.y}.`);
}

pointLog({x:2, y:4});

Merci de votre attention !

2voto

CharybdeBE Points 753

Utiliser le export mot-clé

eg

 export type MyPoint = {
    x: number;
   y: number;
}

et ensuite le import dans l'autre fichier

 import { MyPoint } from './sharedTypes';
 const pointLog = (point: MyPoint): void => {
     console.log(`Point is located at: ${point.x}, ${point.y}.`);
 }

 pointLog({x:2, y:4});

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X