如何在 React Native 中从 REST API 查询 JSON 数据答案

【问题标题】：How to query JSON data from REST API in React Native如何在 React Native 中从 REST API 查询 JSON 数据
【发布时间】：2017-03-16 01:05:27
【问题描述】：

我想在 React Native 中从 NewsAPI 中查询一些数据，但不知道该怎么做，而且我看到的教程都没有帮助。谢谢！

【问题讨论】：

看看：stackoverflow.com/help/how-to-ask 你会更幸运地得到问题的答案

标签： json http reactjs react-native

【解决方案1】：

查看Docs 上的来自 React Native 的网络...我正在我们的生产应用程序中使用 Fetch。

React Native 为您的网络需求提供了 Fetch API。如果您以前使用过 XMLHttpRequest 或其他网络 API，那么 Fetch 看起来会很熟悉。您可以参考 MDN 的使用 Fetch 指南了解更多信息。

MDN Fetch API Guide

fetch('http://google.com')
 .then(res => {
    if (res.ok) return res.json())
    else throw new Error(res)
 .then(json => {
   for (var key in json) {
     // now you can parse it by calling json[key]
   }
 .catch(error => console.log(error)
 }

【讨论】：

他们的文档有点让我失望......我想做的就是获取 JSON，解析数据并打印它，我似乎找不到只有网络请求。不过感谢您的帮助！
我添加了一个示例...我同意文档令人困惑。您可能会在网络上或其他人的代码中获得更好的示例。
好的，谢谢布拉德！有没有办法我现在可以打印它或在中调用它？
您可能想要将 json 对象放入组件的状态中，然后将其显示在 <Text/> 组件中。