how to make typing two objects in an array or the whole array?-CodePudding

I did the typing using TypeScript, it works correctly for one object. But when I create two objects I get an error. how to make this code work correctly? maybe that's not how I write typing?

export type TestType = [
  {
    id: string;
    fullname: string;
    appId: string;
    status: StatusValue[];
  },
];

export type StatusValue = {
  text: string;
  background: string;
};

import { TestType } from './types';

class Testpage {
  data: TestType = [
    {
      id: '1423',
      fullname: 'Hello world',
      appId: '32112324dsadas123123',
      status: [
        {
          text: 'test',
          background: '#fff',
        },
      ],
    },
    {
      id: '1422',
      fullname: 'Hello world2',
      appId: '32112324dsadas1231233',
      status: [
        {
          text: 'test2',
          background: '#000',
        },
      ],
    },
  ];
}

export default Testpage;

CodePudding user response：

This is because you have hardcoded TestType to an array with a single object. Instead of this way change TestType to look like the following:

export type TestType = {
    id: string;
    fullname: string;
    appId: string;
    status: StatusValue[];
};

Now use it like:

class Testpage {
  data: TestType[] = [
    {
      id: '1423',
      fullname: 'Hello world',
      appId: '32112324dsadas123123',
      status: [
        {
          text: 'test',
          background: '#fff',
        },
      ],
    },
    {
      id: '1422',
      fullname: 'Hello world2',
      appId: '32112324dsadas1231233',
      status: [
        {
          text: 'test2',
          background: '#000',
        },
      ],
    },
  ];
}

CodePudding user response：

Your typing on the data is slightly off as it's expecting 1 object.

  data: TestType = [ // this line is the source of the error
    {
      id: '1423',
      fullname: 'Hello world',
      appId: '32112324dsadas123123',
...

You should have TestType[] as it is an array of TestType.

 data: TestType[] = [
    {
      id: '1423',
      fullname: 'Hello world',
      appId: '32112324dsadas123123',