从NewsApi读取JSON对象

时间:2018-03-24 12:14:02

标签: javascript react-native

我正在开展一个反应原生项目,我必须显示实时新闻。要从新闻资源中获取数据,我使用的是newsAPI,它为我提供了一个JSON对象作为响应。根据newsapi.org文档,示例响应看起来像update

我使用fetch()方法将响应读入变量“resp”。我正在尝试使用resp.totalResults访问参数totalResults,但我得到一个空字符串。

请注意:无法连接到远程调试器以获取日志。无法弄清楚响应的外观。

试过:

(1)使用alert()方法打印响应,但只接收[object Object]
(2)解析给出“意外令牌”错误的响应。

this

"dependencies": { "native-base": "^2.3.10", "react": "16.3.0-alpha.1", "react-native": "0.54.2", "react-native-vector-icons": "^4.5.0", "react-navigation": "^1.5.8"

1 个答案:

答案 0 :(得分:2)

看起来resp是来自fetch()的流对象,在这种情况下,您在继续之前等待解析的承诺(要读取的流)。读取流后,您可以使用.json()将响应主体解析为json对象,并返回另一个承诺。然后可以使用.then()在下一个函数中处理数据。

fetch('test.json').then(function(response) {
  alert(response.status);
  return response.json();
}).then(function(jsonData){
  console.log(jsonData);
});