Simple fetch JSON data in ReactJS

Question

So I got this JSON response:

{
    "message": "OK",
    "data": [
        {
            "id": 5,
            "full_name": "John Donovan",
            "username": "j.donovan"
        }
    ]
}

I need to get the "full_name" and "username" values.

What I have done is this (I got a "message" value):

axios.post('http://localhost/user/login', sendData)
        .then((result) => {         
            if (result.data.message === 'OK') {

                console.log(result.data.username});
            }
        })

I successfully get the value of "message" but failed to get the value for "full_name" and "username". The result for console.log above is "undefined".

Tried googling and searching in this forum still have not found the answer. Please your correction.

Thank you.

Sachila Ranawaka · Accepted Answer · 2022-12-22 09:32:22Z

1

data is an array. need to access the index

console.log(result.data.data[0].username})

answered Dec 22, 2022 at 9:32

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

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

1 Comment

Rian Over a year ago

Ahhh thank you so much Sachila! Finally, I can get the value.

Collectives™ on Stack Overflow

Simple fetch JSON data in ReactJS

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related