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

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