Question

我在使用redux的react应用程序中使用交叉提取。在我的reducer中，我使用cross fetch的post方法将一些数据保存到数据库中。我的调用返回一个响应，其中包含我需要在保存后分配给状态的一些数据。我在解析数据时遇到了麻烦。以下是响应的样子。如何获取分配给body_init的数据？

Response
headers
:
Headers {map: {…}}
ok
:
true
status
:
200
statusText
:
"OK"
type
:
"default"
url
:
"http://localhost:3001/api/updateTransactions"
_bodyInit
:
"[{"category":"Dining Out","months":{"1":0,"2":0,"3":0,"4":0,"5":0,"6":0,"7":0,"8":0,"9":0,"10":0,"11":0,"12":0}},{"category":"Auto","months":

：：：

这是完整的电话。我的困惑是，从api返回的数据实际上已经形成为json（api返回：res.json（items））

export function saveTransactions(transUpdate,year) {

  return function (dispatch) {

    dispatch(requestTransactionsSave(transUpdate))


return fetch('http://localhost:3001/api/updateTransactions',
{
  method: 'post',
  body: JSON.stringify(transUpdate),
  headers:{'Content-Type': 'application/json'}
})
.then(
    response => response,

    error => console.log('An error occurred.', error)
  )
  .then(res =>

    dispatch(completeTransactionsSave(res))

  )

} }

Answer 1

问题很简单，我没有在返回的数据上调用.json。 Doint以下解决了我的问题：

return fetch('http://localhost:3001/api/updateTransactions',
{
  method: 'post',
  body: JSON.stringify(transUpdate),
  headers:{'Content-Type': 'application/json'}
})
.then(
    response => response.json(), //ADDED >JSON() HERE

    error => console.log('An error occurred.', error)
  )
  .then(res =>

    dispatch(completeTransactionsSave(res))

  )
} }

从Fetch Post获取数据，返回响应数据

1 个答案: