javascript - react ，redux链下一个调度

Question

我还在开始使用 React 和 Redux，现在我关注了这个 tutorial它使用这个 middleware dispatch 。我想知道如何在第一个调度之后再进行一次调度(将其链接起来)？我现在有这样的东西。

fetchData() {
  const { dispatch } = this.props;
  const action = PageActions.fetchPage({slug: this.props.params.slug});
  dispatch(action);
}

并想知道我是否可以 dispatch(action).then(...) 但 dispatch 的返回始终未定义。这可能吗？

Answer 1

如果您想在 Action 创建器中使用异步 Action ，则需要使用中间件。推荐的中间件是 thunk。

Stack 上有一篇关于它的用法和适用情况的好帖子。 Stack Overflow Async Actions

这将允许您从一个 Action 中分派(dispatch)多个 Action 。但是，如果您想要将操作“链接”在一起，您应该简单地在第一个操作定义的末尾分派(dispatch)第二个操作。

即

function getBookings() {
  return (
    RequestHelper.fetchEntities(Routes.bookings.all, {}, queryParams)
      .then(res => dispatch(getBookingsSuccess(res));
  )
}

...
function getBookingsSuccess(data) {
  dispatch(showSuccess());
}