如何使用 typescript 在 object 中聲明特定類型的空數組？

Question

在上面的代碼中，我想聲明一個空的 Ingredient 數組而不是ingredients: [ new Ingredient('Apple', '5')]

在我正在做的教程中，它們沒有顯示空數組的情況。 有沒有辦法做到這一點，還是我總是必須聲明一些值才能讓 angular 知道數組的類型？

Answer 1

您需要聲明您的 state 的類型：

type State = {
  ingredients: Ingredient[];
}

然后將initialState的類型設置為State ：

const initialState: State = {
  ingredients: [],
}

Answer 2

有很多方法可以做到這一點，試試這個：

let ingredients: Ingredient[] = [];
const initialState = {
    ingredients: ingredients
}

不確定為什么需要在 object 中定義它，但這會起作用。

Answer 3

這也應該工作

    const initialState = {
      ingredients: new Array<Ingredient>()
    };