React Native Fetch将不会执行

Question

我花了几个小时试图找出如何使用fetch查询API，但我似乎甚至无法执行fetch命令。

我对Javascript很陌生，所以希望有人能指出一些愚蠢的错误，因为我甚至无法通过使用获取的第一步。

这是我无法工作的非常小的代码片段。

var req = new Request('http://myapp.com:8000/api/posts', {method: 'GET'}); 
console.log("1"); 
fetch(req).then(function(res) { 
    console.log("2"); 
    return res.json(); 
    }) 
console.log("3"); 

控制台每次都会记录“1”和“3”，但“2”永远不会被记录。

有谁知道发生了什么事？

此外，我正在向本地运行的django服务器发出提取请求，并且在监视服务器时，当我运行我的react-native应用程序时，甚至不会向服务器发出任何请求。

Answer 1

尝试使用直接读取，看看它是如何在Networking页面上完成：

var url = 'http://myapp.com:8000/api/posts'; 
console.log("1"); 
fetch(url).then(function(res) { 
    console.log("2"); 
    return res.json(); 
    }) 
console.log("3"); 

Answer 2

这里是你可以获取数据

fetch("http://date.jsontest.com/") 
console.log("1"); 
    .then((response) => response.json()) 

    .then((responseData) => { 
    console.log("2"); 
    this.setState({date: responseData.date}); 
    }) 
    .done(); 
} 

Answer 3

尝试增加一个catch，以检查是否有另一种方式任何错误。

fetch(url).then(function(res) { 
    console.log("2"); 
    return res.json(); 
}).catch((error) => { 
console.error(error); 
});