javascript - ReactJs/Typescript Hur skickar man en array av objekt till interface props?


Jag har två gränssnitt som ser ut så här.

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

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

Jag försöker skapa en variabel med denna definition, men av någon anledning säger det att jag försöker skicka ett string[]-array i stället för ett TableBoxPropsHeader[]-array.

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

Jag använder VSCode och den klagar inte på ovanstående. Men npm skriver ut följande

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

Vad gör jag fel? Hur skapar jag en array av ett gränssnitt?

Svar #1

Okej, detta är lite dumt av mig. Det fanns en annan variabel i en annan fil med felet. Det fungerar helt perfekt nu...