promise如何与#then和#json一起工作？

Question

我不明白为什么第一个例子有效，但第二个不有效。我相信这与调用json将响应解析为javascript对象有关？那么它返回一个promise，必须放在一个然后函数中？我得到这个是因为在第三个例子中抛出的错误。#json到底是做什么的？

export const promiseErrorMiddleware = store => next => action => {
  const url = action.url
  const fetchName = action.fetchName
  return Promise.resolve(fetch(url)).then((response) => {
    return response.json()
  }).then((data) => {
    store.dispatch({data: data, needDirection: true, fetchName: fetchName })
  })
}

//works

export const promiseErrorMiddleware = store => next => action => {
  const url = action.url
  const fetchName = action.fetchName
  return Promise.resolve(fetch(url)).then((response) => {
    store.dispatch({data: response.json(), needDirection: true, fetchName: fetchName })
  })
}

//doesn't work

export const promiseErrorMiddleware = store => next => action => {
  const url = action.url
  const fetchName = action.fetchName
  return Promise.resolve(fetch(url)).then((response) => {
    console.log(resopnse.json())
    return response.json()
  }).then((data) => {
    store.dispatch({data: data, needDirection: true, fetchName: fetchName })
  })
}

//throws error

Answer 1

响应。json（）返回一个promise。你不能立即使用它的结果，你必须等待promise的解决。

此外，您不需要使用Promise。解析（）fetch（）已返回promise。

而不是写{data:data}你可以只写{data}。这称为速记属性名。

第三个示例抛出一个错误，因为不能两次调用json（）方法。