ReactJs / Typescript如何將對象數組傳遞給接口道具？

Question

我有兩個接口，看起來像這樣。

export interface TableBoxPropsHeader{
    name: string,
    isIconOnly: boolean
}

export interface TableBoxProps<T> {
 headerNames: TableBoxPropsHeader[],
 // some stuff
}

我試圖用這個定義創建一個變量，但由於某種原因它說我試圖傳遞一個string[]數組而不是TableBoxPropsHeader[]數組。

private tableBoxProps: TableBoxProps<SomeType> = {
  headerNames: [{name: "Name", isIconOnly:false}, {name: "Category", isIconOnly:true}],

我正在使用VSCode並且它沒有抱怨上述內容。 但是npm打印出以下內容

Types of property 'headerNames' are incompatible.
  Type 'string[]' is not assignable to type 'TableBoxPropsHeader[]'
    Type 'string' is not assignable to type 'TableBoxPropsHeader'.

我究竟做錯了什么？ 如何創建接口數組？

Answer 1

好吧，這對我來說有些愚蠢。 錯誤中的另一個文件中有另一個變量。 它現在完美無缺......