How to fetch the response of JSON array in react native?

Question

rq.js

}).then((responseData) =>{
        this.setState({
            user:responseData.name,
            user1:responseData.blood,
            user2:responseData.location,
            loaded: true,
        })

This is my code in react native.It works perfect if my JSON response is not an array.What change do i need to make in this code to work perfectly if json is an array?Showing this error Unexpected token < in JSON at position 1

data.json

[{"name":"hema","bld":"O -ve","lc":"london"}]

this is my json array input.Anybody please help..

Johan · Accepted Answer · 2017-11-08 11:46:45Z

1

try sending the data as a object not as array

{"name":"hema","bld":"O -ve","lc":"london"}

and actually you are calling props blood and location, but your JSON content bld and lc for that props

answered Nov 8, 2017 at 11:46

Johan

4594 silver badges10 bronze badges

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

Comments

Johan · Accepted Answer · 2017-11-08 11:49:48Z

1

If You want it work with an array just do

}).then((responseData) =>{
    this.setState({
        user:responseData[0].name,
        user1:responseData[0].blood,
        user2:responseData[0].location,
        loaded: true,
    })

in this way you are calling the first object of the array's index and then the prop of this first object in the array

answered Nov 8, 2017 at 11:49

Johan

4594 silver badges10 bronze badges

4 Comments

Anu Over a year ago

Tried this but got the same error as before Unexpected token < in JSON at position 1

Johan Over a year ago

are you getting that error in the browser?, can you send the entire JSON response?, are you using JSON.parse in any point? could be a error coming from the server, you have to check that you are actually sending dataType: 'json' from the server.

Anu Over a year ago

Yeah i'm getting the json response. and the response is like this

[{"name":"maria","bld":"B -ve","lc":"kochi"},{"name":"linu","bld":"AB +ve","lc":"kollam"},{"name":"minnu","bld":"AB +ve","lc":"kollam"}]

Alok Over a year ago

@anu you got any solution on this?

Pingolin · Accepted Answer · 2019-12-16 08:09:24Z

I know it's too late, but I hope it's helpful for others. How to fetch the response of JSON array in react native?

export default class ExpenseNew extends Component {
    constructor(){
        super();
        this.state={
            accountnameMain:[],
        }
    }
     componentDidMount(){
         var account_nam=[]
                fetch('your Url', {
                    method: 'GET',
                    headers: { 'Authorization': 'Bearer ' + your token }
                })
                    .then((response) => response.json())
                    .then((customerselect) => {
                        // alert(JSON.stringify(customerselect)) 
                        global.customerdata = JSON.stringify(customerselect)
                        var customername = JSON.parse(customerdata);
                        //alert(JSON.stringify(customername));
                        for (i = 0; i < customername.cus_data.length; i++) {
                            var dataa = customername.cus_data[i]["account_name"];  
                            account_nam.push(dataa)
                        }
                        this.setState({accountnameMain:account_nam});
                    })
                    .done();
    }

account_name is my field/column name, in your case, your column name is bld so you can fetch all data and push in var type of array, then set data in state type of array, and map anywhere you want.

Collectives™ on Stack Overflow

How to fetch the response of JSON array in react native?

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related