React Native - 来自 JSON 响应的解析错误

Question

这是我的代码。

我正在调用以下函数来获取状态列表。

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

这是从 GET Api 获取响应的常用 callGetApi 函数。

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))
        });
} 

我收到以下错误。

Answer 1

Alert 仅显示字符串，但您的情况 "stateArray" 是复杂对象 (array,structure..)

所以使用 stateArray.toString() 或 JSON.stringify(stateArray)，

或者

试试下面的方法告诉我，

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');
});