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的例外，详细可参考 这篇帖子 。

查看更多关于React Native 获取网络数据的详细内容...