How to fetch array inside another object using Axios?

Question

that's my API, i want to fetch it using axios

[
    {
        "groupType": "Interessegruppe",
        "groups": [
            {
                "id": "c42b0250-375e-4458-8f68-0df8179f889c",
                "name": "Teater",
                "assignmentStrategy": 1
            },
            {
                "id": "0fb94732-2bb1-483b-abbd-858327339ca0",
                "name": "Fotball",
                "assignmentStrategy": 1
            },
            {
                "id": "6b109ab1-5a3e-46b0-b0cc-e2b48d6e2dc6",
                "name": "Foto",
                "assignmentStrategy": 1
            }
        ]
    },

]

I wrote that code

      renderItem={({ item }) => <GroupCard title={item.groupType} subTitle={item.groups.name} />}
      />

and I fetched the groupType, but I can't fetch any of [ id or name]

item.groups is an array, so you need to use list rendering (there is no item.groups.name, but there is item.groups[0].name for instance) — user5734311
– user5734311, Commented Jan 20, 2021 at 11:33

EricHier · Accepted Answer · 2021-01-20 11:44:29Z

2


async function loadData() {
    const data = await axios.get(url)
    return data[0].groups;
}

This function would return the groups array with id and name attributes.

answered Jan 20, 2021 at 11:44

EricHier

4653 silver badges10 bronze badges

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

Collectives™ on Stack Overflow

How to fetch array inside another object using Axios?

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