React Native - Parsing error from JSON Response

Question

Here is my code.

I am calling the following function to get state list.

 callGetStatesApi()
 {
   callGetApi(GLOBAL.BASE_URL + GLOBAL.Get_States)
   .then((response) => {
           // Continue your code here...
           stateArray = result.data
           Alert.alert('Alert!', stateArray)
     });
 }

Here is common callGetApi function for getting response from GET Api.

export function callGetApi(urlStr, params) {
    return fetch(urlStr, {
            method: "GET",
            headers: {
                'Accept': 'application/json',
                'Content-Type': 'application/json',
            },
            body: JSON.stringify(params)
        })
        .then((response) => response.json())
        .then((responseData) => {
            result = responseData
        })
        .catch((error) => {
             console.error(error);
             Alert.alert('Alert Title failure' + JSON.stringify(error))
        });
}

I am getting the following error.

Arunkumar · Accepted Answer · 2017-06-01 05:51:15Z

1

Alert only show the string , but your case "stateArray" is complex object (array,structure..)

So use stateArray.toString() or JSON.stringify(stateArray),

Or

Try the below method and let me know,

fetch(GLOBAL.BASE_URL + GLOBAL.Get_States, {
    method: 'get',
    headers: { 'Accept': 'application/json','Content-Type': 'application/json',}
}).then((response) => response.json())
.then((responseData) => {
    console.log(responseData) // this is the response from the server
    // Continue your code here...
       stateArray = result.data
       Alert.alert('Alert!', stateArray)
}).catch((error) => {
   console.log('Error');
});

answered Jun 1, 2017 at 5:51

Arunkumar

1,7411 gold badge19 silver badges25 bronze badges

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

1 Comment

Minni Tomar Antil Over a year ago

Thanks, I was looking for the following. "use stateArray.toString() or JSON.stringify(stateArray)".

Collectives™ on Stack Overflow

React Native - Parsing error from JSON Response

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