Redux返回承诺

Question

我有一个简单的功能来注销（仅用于测试），并且我想在操作完成时通知用户。首先想到的是用承诺来做到这一点。

我这样试过，但是有些问题。我不太了解这些工作。我能够这样做吗？还是会有更好的方法？

功能

logOut =() => { 
    this.props.logoutUser().then((passed) => { 
     if (passed) { 
      alert("You are now logged out!"); 
     } 
    }); 
}; 

注销行动

export function logoutUser() { 
    return dispatch => { 
     new Promise(function (resolve, reject) { 
      dispatch(logout()).then((response) => { 
       return true; 
      }).catch((error) => { 
       return false; 
      }); 
     }); 
    } 
} 

function logout() { 
    return { 
     type: "LOGOUT" 
    } 
} 

Answer 1

与注销功能问题

export function logoutUser() { 
    return dispatch => { 
     new Promise(function (resolve, reject) { 
      dispatch(logout()).then((response) => { 
       resolve(true); // changed 
      }).catch((error) => { 
       reject(error); // changed 
      }); 
     }); 
    } 
} 

你必须通过回调函数resolve为成功，并且reject失败。 请参阅本link

更新：其次，你必须使用thunk中间件，工作dispatch像Promise对象：github

Answer 2

，你也可以做到这一点与callback，像这样 -

logOut =() => { 
    this.props.logoutUser(result => { 
    if (result.success) { 
     alert("You are now logged out!"); 
     return; 
    } 

    // Handle error 
    }); 
}; 

export function logoutUser(callback) { 
    logout() 
    .then(() => callback({ success: true })) 
    .catch(error => callback({ error })); 

    return dispatch => { 
    dispatch({ 
     type: "LOGOUT" 
    }); 
    }; 
} 

function logOut() { 
    // log out function that returns a promise 
}