如何回復簡單的redux動作創建者的承諾？

Question

我有一個函數add ，其中沒有承諾返回給調用者。

例如：

let add = (foo) => {this.props.save(foo)};

在我的應用程序的另一個功能，我想做：

...
return  add()
        .then( ... do something else here ... );

我只想等到add()完成后再做其他事情。 我知道async save不會返回一個promise。 它是一個簡單的redux動作。

 export const save = (something) => (dispatch) => {

  ApiUtil.patch(`google.com`, { data: { 
 something  } }).
   then(() => {
  dispatch({ type: Constants.SET_FALSE });
  },
() => {
  dispatch({ type: Constants.SET_SAVE_FAILED,
    payload: { saveFailed: true } });
});
};

我把它貼在這里展示行動

Answer 1

在我看來，您正在使用redux-thunk進行異步操作，因為您的add操作創建者實際上正在返回一個接受dispatch而不是簡單操作對象的函數。

如果你正在使用redux-thunk，那么你從thunk返回的任何內容都將被傳播回來。 因此，如果您修改代碼，則：

let add = (foo) => this.props.save(foo); // Now returns result of save

然后將您的thunk更新為：

export const add = (something) => (dispatch) =>
    ApiUtil.patch(`google.com`, { data: { something } })
        .then(() => { dispatch({ type: Constants.SET_FALSE }); },
            () => { dispatch({ type: Constants.SET_SAVE_FAILED, payload: { saveFailed: true }});}
        );

（你會注意到我刪除了最外面的curlies），然后來自ApiUtil的承諾應該一直冒泡，你應該能夠。然后你就可以了。

Answer 2

首先，您必須了解this.props.save()返回的內容。 如果它返回一個promise，那么你只需要從add中返回：

const add = (foo) => { return this.props.save(foo); }

所以問題就在於save的定義。