javascript - 如何返回一个简单的 redux Action 创建者的 promise ？

Question

我有一个函数 add，其中没有 promise 返回给调用者。

例如:

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

在我的应用程序的另一个功能中，我想做的是:

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

我只想等到 add() 完成，然后再做其他事情。我了解 async save 不返回 promise 。它是一个简单的 redux Action 。

 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 } });
});
};

我把它贴在这里是为了显示 Action

Answer 1

在我看来，您正在使用 redux-thunk 进行异步操作，因为您的 add 操作创建者实际上返回了一个接受 dispatch 的函数，而不是一个简单的 Action 对象。

如果您使用的是 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 }});}
        );

(您会注意到我删除了最外面的 curl )，然后 ApiUtil 的 promise 应该会一直冒泡回来，您应该能够 .then 在它上面。