Create nested TypeScript type from a simple one

Question

I've a model that looks like this

export interface LoremIpsum {

propertyA: string;
propertyB: number;

}

From the server I have the data returned in this format

{
    "Fields": {
        "propertyA": {
            "value": "something"
        },
        "propertyB": {
            "value": 123
        }
    }
}

Is this a way to make the generic type for this? SO I could use it in a way like DynamicResponse<LoremIpsum>?

lukasgeiter · Accepted Answer · 2019-09-05 10:56:29Z

3

You'll want to use a mapped type to iterate over all keys of the generic type T. You can then map each property type of T to { value: T[K] }

type Fields<T> = {[K in keyof T]: { value: T[K] }};

interface DynamicResponse<T> {
  Fields: Fields<T>
}

Playground

answered Sep 5, 2019 at 10:56

lukasgeiter

154k29 gold badges349 silver badges280 bronze badges

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

Collectives™ on Stack Overflow

Create nested TypeScript type from a simple one

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