首页 文章

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

提问于
浏览 次
1

我正在设置一个非常基本的反应应用程序，并尝试调用我的本地主机服务器（单独的后端服务器），其上有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记录身体，但没有任何效果 . 这是控制台打印出来的内容：

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

和FYI，阵列，当我去localhost：8080 /我的浏览器的帖子很简单：

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

任何帮助表示赞赏，谢谢！

javascript json reactjs

1 回答

  • 5

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

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

相关问题