如何从 React JS 中的 Promise 对象检索数据

Question

我正在尝试从 API 获取数据。但获取结果作为 Promise 对象返回。我想返回此承诺的内容以调用反应操作。

let loginData = fetch(loginURL, { method : 'POST', headers : headerParams, 
 body: bodyParams })
  .then((response) => response.json())
  .then(data => {
    return data['retrieve-agent'];
});
console.log('loginData ===>', loginData.agent);
return {
  type: 'GET_AGENT_DETAILS',
  payload: loginData
}

Answer 1

使用 来async-await获取结果而不使用 Promise，否则您需要从函数中解析 Promise

async fetchFunction() {

    let loginData = await fetch(loginURL, { method : 'POST', headers : headerParams, 
     body: bodyParams })
      .then((response) => response.json())
      .then(data => {
        return data['retrieve-agent'];
    });
    console.log('loginData ===>', loginData.agent);
    return {
      type: 'GET_AGENT_DETAILS',
      payload: loginData
    }

}