Axios - parse Typescript interface

Question

I want to parse data from an axios request on typescript

I got two interfaces

interface Department{
    code: string;
    name: string;
    country: string;
}

interface User {
    name: string;
    email: string;
    departments: Department[];
}

I got an endpoint which returns data like this

[
    {
        "name": "Estonia",
        "email": "email",
        "phone": 12345,
        "weight": "60kg",
        "country": "US",
        "departments": [
            {
              "code": 1,
              "name": "depto 1",
              "country": "US"
            },
            {
              "code": 2,
              "name": "depto 2",
              "country": "FR"
            }
        ]
        [...]
    }
]

The endpoint retrieves a lot of data which I don't need, I just want to retrieve attributes I've defined on the interface, is this possible?

I have tried this, but I got all attributes

axios.get<User[]>('http://localhost/users').then(({ data }) => {
        console.log(typeof data, data);
    });

basarat · Accepted Answer · 2020-08-14 03:23:09Z

1

The endpoint retrieves a lot of data which I don't need, I just want to retrieve attributes I've defined on the interface, is this possible?

If you use it the way you have at the moment axios.get<User[]> then you will only be able to read the properties that exist on the User interface.

The objects will have more properties but you will not be able to read / write them from TypeScript (without unsafe type assertions) so what you have is what I would do and not worry about the excess runtime properties.

answered Aug 14, 2020 at 3:23

basarat

278k61 gold badges475 silver badges528 bronze badges

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

1 Comment

lak Over a year ago

Thank you. Basically what I want to do is modify the properties I've defined in the interface and reply with only those. So far, I'm getting all properties. Is there another way to do this?

Mattia S. · Accepted Answer · 2021-11-05 13:08:56Z

0

You can with tapi.js - it's a lightweight package just for this purpose.

Read the documentation here.

answered Nov 5, 2021 at 13:08

Mattia S.

6338 silver badges11 bronze badges

Collectives™ on Stack Overflow

Axios - parse Typescript interface

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related