redux thunk 是否会等到所有先前派发的操作都修改了商店？

Question

handleDeleteClick = propertyName => () => {
  this.props.clearFilterOption(propertyName, this.props.filtersPropertyName);
  this.props.onFilterClear();
};

handleDeleteClick 函数是一个按钮处理程序。我的第一个 redux 操作 clearFilterOption 修改了商店。第二个动作 onFilterClear 是从 redux-thunk 的 getState 映射过滤器参数并调用 api 的异步动作。我的问题是 - redux thunk 是否等待修改商店的早期调度操作？换句话说 - 我是否确定第二个操作会触发最新的商店版本？

目前它按预期工作。第二个动作触发清除过滤器选项。但是不知道是因为我用的是redux-thunk，还是因为clearFilterOption目前是一个低成本的函数

Answer 1

Thunk 中间件本身并不 'wait'，它所做的只是查看已分派的操作，如果它是一个函数，它就会调用它。

修改商店的顺序取决于您的操作以及它们是否异步。

在您的情况下，如果您的第一个操作 clearFilterOption 是同步的，那么它将始终在调度第二个操作之前更新商店。如果它不是同步的，那么它取决于你的 Thunks 中发生的任何事情的时间。

如果您总是需要一件事发生在另一件事之前，您应该将您的操作链接起来（作为 Thunks），而不是在 handleDeleteClick 中按顺序调度它们。

redux thunk 是否会等到所有先前派发的操作都修改了商店？

Does redux thunk wait until all earlier dispatched actions modified the store?

reactjs

redux

redux-thunk