在 React.js 中使用 Async/Await 并返回状态

Question

我正在尝试使用 API 调用另一个函数，在我的 ABC 函数中检查 remaing 是否可用。

如果剩余可用 retun true 否则 return false.below 是我的代码。但我的控制台日志显示 undefined。我想在我的 ABC 函数中将它作为 true 或 false 获取。

export function ABC(data,callback) { 
  return  function (dispatch, getState) {  
    var res=  dispatch(Balance(data));

    console.log("Balance status",res)

    //rest of code
    if(res){
    }

    ................
 }
}

export function Balance(data) {
  return function (dispatch, getState) {
    const url = `api/.../balances`;
     axios.post(`${url}`,
      data
    ).then(async function  (response) {

      if (response.data.remaing > 0) {
        return await true;
      }else{
        return await false;

      }

Answer 1

对于在ABC 中创建的函数，要在其逻辑流代码中使用异步操作的结果，它必须是async 函数。您在Balance 中创建的async 函数没有任何用处，await true 或await false 在then 处理程序中也没有。

当然，如果在ABC 中创建的函数是async 函数，则调用它的代码必须是async 函数或通过promise 语法使用它。

export function ABC(data,callback) { 
  return async function(dispatch, getState) {  
  // ----^^^^^
    var res = dispatch(await Balance(data));
  // ------------------^^^^^

    console.log("Balance status",res)

    //rest of code
    if(res){
    }

    ................
 }
}

export function Balance(data) {
  return function (dispatch, getState) {
    const url = `api/.../balances`;
     axios.post(`${url}`,
      data
    ).then(function(response) {
      return response.data.remaing > 0; // ***
    });
  };
}

（真的是remaing，而不是[说] remaining？）