Unnable to read json response in reactjs

Question

I need to replace a value in the response ,

My Json format :

{"Message":"","IsSuccessful":true,"sample2.0com":["data1","data2"],"sample1.0com":["data3","data4","data5","data6"]}}

When I am trying to read the above response , I am facing issue

let sample2 = response.data.Result.sample2.0com;

Please give me a solution to read sample2.0com components from the response

Did you try this response.data.Result['sample2.0com']?

Hassan Imam
– Hassan Imam

2018-05-21 06:13:03 +00:00
Commented May 21, 2018 at 6:13 — Hassan Imam
– Hassan Imam, Commented May 21, 2018 at 6:13

Lionel Rowe · Accepted Answer · 2018-05-21 06:33:35Z

2

Keys that are not valid JavaScript variable names (start with one of a-zA-Z_$ and contain only a-zA-Z0-9_$) must be accessed as strings inside square brackets ([]).

For example: obj.camelCase is OK, but obj.this key contains spaces is not OK - it would have to be obj['this key contains spaces'].

edited May 21, 2018 at 6:33

answered May 21, 2018 at 6:17

Lionel Rowe

6,2581 gold badge19 silver badges35 bronze badges

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

Comments

dhivya s · Accepted Answer · 2018-05-21 07:37:02Z

2

JSON objects are surrounded by curly braces {}.

You can access the object values by using dot . notation:

myObj = { "name":"John", "age":30, "car":null };
x = myObj.name;

You can also access the object values by using bracket ([]) notation:

myObj = { "name":"John", "age":30, "car":null };
x = myObj["name"];

Similarly you can use as like above

responseData = {"Message":"","IsSuccessful":true,"sample2.0com":["data1","data2"],"sample1.0com":["data3","data4","data5","data6"]}}

let sample2 = responseData["sample2.0com"];

This will fix yours

edited May 21, 2018 at 7:37

answered May 21, 2018 at 6:55

dhivya s

2941 silver badge7 bronze badges

Comments

oma · Accepted Answer · 2018-05-21 06:14:13Z

1

Is because of your . in the sample2.0com.. you have to use the [] to call the property, so use response.data.Result['sample2.0com'], but I am not sure what is the "Result" object ... maybe you should use response.data['sample2.0com']

answered May 21, 2018 at 6:14

oma

1,89414 silver badges14 bronze badges

2 Comments

pethaamsetty pavan venkat kuma Over a year ago

Thank u , it worked with response.data['sample2.0com']

oma Over a year ago

Great, please mark the answer as a good one, so other peoples with the same problem will know it's a solution.

Collectives™ on Stack Overflow

Unnable to read json response in reactjs

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related