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 
}