开发者问题收集

React:res.json()数据未定义

2020-06-07
3127

我在从 fetch API 获取数据时遇到了问题。以前,当我在类内部使用“test”时,它能够正常工作。现在,它位于函数内部,当我尝试 console.log(data) 时,我得到了“undefined”。(请注意,API 调用在服务器上正常运行。console.log(res.json()) 返回数据。我迷路了。

const test = () => {
    fetch('/api/test/', {
      method: "post",
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json'
      },

      //make sure to serialize your JSON body
      body: JSON.stringify({zip: val})
    })
    .then(res => { res.json()}) //THIS RETURNS OK
    .then(data => {console.log({data})}) //THIS IS WHERE I HAVE PROBLEMS
  }

编辑:

我还尝试了

.then(data=> {console.log(data)})

.then(data => {console.log([data])})

我遗漏了什么吗?

1个回答

Arrow_functions

您应该返回 res.json() 才能成功工作;

    .then(res => { return res.json()})

    .then(res => res.json())
Ahmed ElMetwally
2020-06-07