React Native 擷取網路資料

標籤：添加   ejs   方法   res   segment   get   git   class   github   

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 擷取網路資料