Как получить данные из объекта обещания в React JS

Question

Я пытаюсь получить данные из API.Но результат извлечения возвращается как объект обещания.Я хочу вернуть содержимое этого обещания, чтобы вызвать действие реакции.

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, чтобы получить результат, не используя обещание, иначе вам потребуется разрешить обещание с помощью функции

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
    }

}