Meteor 如何在调度 Redux 操作之前等待回调

Question

Meteor 使用回调，但 Redux 操作似乎没有“等待”它们。因此，如果使用 Redux 之类的内容并执行以下操作：

export function loginWithPassword(email, password) {
  return dispatch => {
    Meteor.loginWithPassword(email, password, error => {
      if (error) {
        return dispatch({type: ASYNC_ERROR, data: error.reason})
    });
  }
} 

...该操作将在 Meteor 调用之前完成并返回（因此如果需要，不会重新渲染 UI）。我已经搜索了几个小时试图找到处理这个问题的最佳方法，但无济于事。根据我所能找到的，似乎选项是 Meteor Futures 或 Promises，但我找不到任何表明哪个更好或为什么更好的东西。

我相信 Futures 只能是服务器端，并且没有 Promises 广泛使用，因此基于此，Promises 可能是更好的选择。我什至不确定 Futures 是否是一个选项，因为操作是客户端。但我也不确定 Meteor 是否能很好地与 Promises 配合使用，因为它具有一般的同步特性。

Promise 我相信可以是客户端或服务器。假设它们是客户端，将它们放在动作中还是在调度动作的 UI 代码中会更好 - 还是真的很重要？

是否有人对如何最好地处理此类事情有任何想法或见解？一个或另一个（或两者）的工作示例会很棒，因为经过几个小时的搜索，我肯定找不到一个。具体来说，很高兴看到一个简单的 Meteor 登录示例，其密码通过 Redux 分派，在 UI 登录表单中显示“未找到用户”或其他一些“异步”错误（第一次）。

上面的动作确实有效，但它在 Meteor 完成返回错误之前返回，因此错误不会在初始时间显示在 UI 中。

TIA！

附：有几个示例可以在警报窗口或 console.log 中显示错误 - 但这与在调度操作的 UI 中将其更新/显示为道具不同。没有与警报或 console.log 相关的道具重新渲染。整个想法是在用户当前使用的表单中显示错误（在此示例中为登录表单）

Answer 1

使用 redux-thunk，您可以编写如下所示的内容。我认为这里的技巧是一旦登录就知道用户对象的状态。这样做的一种方法是在Tracker.autorun 中使用store.dispatch：

// whenever the reactive data changes, we will dispatch the appropriate action
Tracker.autorun(() => {
  if (Meteor.loggingIn()) {
    return store.dispatch({
      type: LOGGING_IN,
    });
  }

  const user = Meteor.user();

  store.dispatch({
    type: SET_USER,
    user,
  }
});

export const login = ({ email, password }) => (dispatch) => {
  Meteor.loginWithPassword(email, password, (error) => {
    if (error) {
      return dispatch({
        type: LOGIN_ERROR,
        error,
      });
    }

    return dispatch({
      type: LOGIN_SUCCESS,
    });
  });
};

你可以想象一个用户 reducer 的状态类似于 {user: {loggingIn: Boolean, authError: SomeErrorModel}}} 或类似的东西

您可以清除LOGGING_IN上的authError，然后将其添加到LOGIN_ERROR

对于基于此 reducer 的任何 UI 更改，只需将您的 react 组件与 react-redux 的 connect() 连接即可