如何从React的promise中获取响应数据？

Question

我正在设置一个非常基本的反应应用程序，并尝试调用我的本地主机服务器（单独的后端服务器），它上面有JSON数据。我想提取从promise返回的数据，但我做的任何事情似乎都没有用。这是我的代码：

    fetch('http://localhost:8080/posts')
    .then(function(response) {
        const items = response.json()
        console.log(items)
    })

我尝试过response.json（），response.body，我尝试使用.then（functio（body）{console.log（body）}），response.data，response.body记录身体，但没有任何效果。以下是控制台打印出来的内容：

如何获取它给我的输出，并将其放入我可以迭代的数组中？ ＆＃34;内容＆＃34;和＆＃34; id＆＃34;是我需要访问的。

和FYI，数组，当我去localhost：8080 /我的浏览器中的帖子很简单：

  [{"id":1,"content":"hello, this is post 1"}]

感谢任何帮助，谢谢！

Answer 1

对response.json()的调用也会返回一个承诺，所以你也需要处理它。请尝试下面的代码。

fetch('http://localhost:8080/posts')
.then(function(response){ return response.json(); })
.then(function(data) {
    const items = data;
    console.log(items)
})