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

好吧，这对我来说有些愚蠢。错误中的另一个文件中有另一个变量。它现在完美无缺......