React Native 获取网络数据

getMoviesFromApiAsync() {
    return fetch('http://facebook.github.io/react-native/movies.json') .then((response) => response.json()) .then((responseJson) => { return responseJson.movies; }) .catch((error) => { console.error(error); }); } 

你也可以在React Native应用中使用ES7标准中的async/await 语法：

  // 注意这个方法前面有async关键字 async getMoviesFromApi() { try { // 注意这里的await语句，其所在的函数必须有async关键字声明 let response = await fetch('http://facebook.github.io/react-native/movies.json'); let responseJson = await response.json(); return responseJson.movies; } catch(error) { console.error(error); } } 

别忘了catch住fetch可能抛出的异常，否则出错时你可能看不到任何提示。

默认情况下，iOS会阻止所有非HTTPS的请求。如果你请求的接口是http协议，那么首先需要添加一个App Transport Securty的例外，详细可参考这篇帖子。