Interface including an array in TypeScript

Question

I have the following JSON:

{
  "items": [
    {
      "id": "123",
      "title": "potatoes",
      "category": "Fruit & Veg"
    },
    {
      "id": "456",
      "title": "custard",
      "category": "Other"
    }
  ]
}

...and the following interface:

export interface ShoppingItems {
  category: string;
  id: number;
  title: string;
}

When I import the JSON it works but I am rightly warned that Property 'items' does not exist on type 'ShoppingItems[]'.

Can I take account of the existence of the items array in the interface or does it need to be accounted for outside of the interface?

Please add the code with the error message. Your JSON isn't a ShoppingItems[]. — tkausl
– tkausl, Commented Nov 12, 2019 at 11:59

tony · Accepted Answer · 2019-11-12 12:04:42Z

3

Introduce child interface for a single item

interface ShoppingItem {
  category: string;
  id: number;
  title: string;
}

export interface ShoppingItems {
   items: ShoppingItem[];
}

answered Nov 12, 2019 at 12:04

tony

1,3461 gold badge13 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mike Poole Over a year ago

many thanks for that. I was guessing it would be something like that but could not get the syntax right.

Collectives™ on Stack Overflow

Interface including an array in TypeScript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related