在 React TypeScript 專案中,我們可以通過兩種方式使用型別和介面。
- 在檔案(例如 FileA)中創建和匯出型別/介面,然后將其匯入并在另一個檔案(FileB)中使用。例如
// FileA.ts
export interface Foo {
foo: number;
}
//FileB.ts
import {Foo} from ./FileA;
- 另一種方法是我們可以為 eg 創建一個宣告檔案,
types.d.ts并且此檔案中定義的任何介面/型別都會自動在整個應用程式中,我們不必匯入/匯出它們。
問題是哪種方法更好并且應該使用?我的意思是進口/出口是否像第一個一樣附加成本?
謝謝
uj5u.com熱心網友回復:
typescript 中型別的匯入/匯出應該是免費的,因為它是編譯成 js 的,與性能、包大小等無關。
雖然為整個專案宣告介面聽起來不錯,但它可能會導致混亂和問題,例如用本地型別重新宣告全域型別。特別是隨著您的專案的增長。
我想您應該嘗試始終使用.ts檔案并將它們匯入到您需要的地方。
.d.ts如果您需要為.js檔案宣告型別、為模塊/庫指定型別、為來自其他腳本的變數宣告型別或為 typescript 無法識別的檔案(.env等) ,請使用宣告型別。
查看官方打字稿檔案以了解有關.d.ts檔案使用的更多資訊。
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/436135.html
下一篇:鍵入基于另一個屬性值的鍵名
