如何使用fetch(GET Call)设置超时react-native api调用?

时间:2018-03-06 11:14:30

标签: android ios react-native networking fetch

这是我的代码(用于获取数据)。

loadApi() {
    this.setState({isListLoaded : true})
    return fetch('http://www.androidbegin.com/tutorial/jsonparsetutorial.txt')
       .then((response) => response.json())
       .then((responseJson) => {
         this.setState({listView : responseJson.worldpopulation})
         this.setState({isListLoaded : false})
         ToastAndroid.show('A pikachu appeared nearby !', ToastAndroid.SHORT);
       })
       .catch((error) => {
         console.error(error);
       });
  }

如何设置此特定语法的超时?。如果您有任何代码,请分享代码部分。

1 个答案:

答案 0 :(得分:0)

根据this github帖子,目前还没有标准方法。

但是有一个解决方案,请使用whatwg-fetch-timeout

示例代码:

return fetch('/path', {timeout: 500}).then(function() {
    // successful fetch 
}).catch(function(error) {
   // network request failed / timeout 
})