How do I define an array of objects in TypeScript?

Question

I'm new to typescript plz help

I'm struggling to understand the error message for the below code. I'm just trying to define an array of objects and can't seem to figure out why it's not working?

interface FieldClass {
  id: string,
    name: string,
    type: string,
    label: string
}

const fields: FieldClass[] = [{
  id: 'name',
  name: 'input',
  type: 'name',
  label: 'Name',
}, {
  id: 'email',
  name: 'email',
  type: 'email',
  label: 'Email',
}, {
  id: 'password',
  name: 'password',
  type: 'password',
  label: 'Password',
}, , {
  id: 'confirm-password',
  name: 'confirm-password',
  type: 'confirm-password',
  label: 'Confirm password',
}];

Error message:

Type '({ id: string; name: string; type: string; label: string; } | undefined)[]' is not assignable to type 'FieldClass[]'.
  Type '{ id: string; name: string; type: string; label: string; } | undefined' is not assignable to type 'FieldClass'.
    Type 'undefined' is not assignable to type 'FieldClass'.  TS2322

Looks fine so far. Just fix , , in fields and in your interface id: string; (notice ; instead of ,) and so on. — pzaenger
– pzaenger, Commented Feb 18, 2020 at 15:15

Alexander Yammine · Accepted Answer · 2020-02-18 15:16:23Z

1

You have a type error here:

  label: 'Password',
}, , {
  id: 'confirm-password',

Should be with one comma

  label: 'Password',
}, {
  id: 'confirm-password',

answered Feb 18, 2020 at 15:16

Alexander Yammine

5581 gold badge5 silver badges14 bronze badges

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

1 Comment

James Over a year ago

I knew it was going to be something stupid like that. Thank you

Collectives™ on Stack Overflow

How do I define an array of objects 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