反应等待 promise 解决未获取数据

Question

我在以下 function 中使用async/await

forgotPassword = async ({ variables }) => {
    console.log(variables)
    const url = `//url constructed`
    console.log(url)
    try {
      const result: any = await fetch(url, {
        method: 'POST',
        headers: {
          Accept: 'application/json',
          'Content-Type': 'application/json',
          mode: 'no-cors'
        }
      })

      console.log('result fetched is -->', result)

      return {
        data: {
          login: result.json()
        }
      }
    } catch (err) {
      this.setState({
        error:
          err?.response?.data?.error_description || err.message || strings.genericError
      })
      throw err
    }
  }

所以，在我做的结果中

result.json()

我得到这样的回应：

Promise {<pending>}
__proto__: Promise
[[PromiseState]]: "fulfilled"
[[PromiseResult]]: Object
Status: "Successful"
Time: "1619013232787"
__proto__: Object

所以当我尝试做

const status = result?.Status

然后它给了我undefined的

如何获得响应？ 甚至 promise 也满足了。

Answer 1

您需要等待 result.json()，因为它返回 promise。 https://developer.mozilla.org/de/docs/Web/API/Body/json

 try {
      const result: any = await fetch(url, {
        method: 'POST',
        headers: {
          Accept: 'application/json',
          'Content-Type': 'application/json',
          mode: 'no-cors'
        }
      })
      const data = await result.json();
      return {data};