Is it possible to create json keys as typescript objects?

Question

Is is possible to create a Typescript interface for the following JSON where the keys of the JSON object change?

I am having a hard time defining a changing key (userFilter, activityFilter in my example) as a field name in the typescript definition

 {
  "userFilter": {
    "label": "Users",
    "options": [{
        "label": "Admin",
        "value": "ADMIN"
      },
      {
        "label": "Viewer",
        "value": "VIEWER"
      }
    ]
  },
   "activityFilter": {
     "label": "Activity",
     "options": [{
         "label": "Active",
         "value": "ACTIVE"
       },
       {
         "label": "Inactive",
         "value": "INACTIVE"
       }
     ]
   }
}

Does this help? typescriptlang.org/docs/handbook/2/mapped-types.html — ShamPooSham
– ShamPooSham, Commented Oct 30, 2021 at 21:09

Matt · Accepted Answer · 2021-10-30 21:09:19Z

1

Yes you could try something like:

interface optionsType {label:string, value:string}

interface test {
    [key:string]:{
        label:string,
        options:optionsType[]
    }
}

answered Oct 30, 2021 at 21:09

Matt

401 silver badge6 bronze badges

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

Collectives™ on Stack Overflow

Is it possible to create json keys as typescript objects?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related