如何按顺序调用 redux 操作

Question

我知道我需要使用 Promise，但无法将其放入代码中以实现我想要的。

所以我有 3 个 redux 操作：

getAllCoins()
getUserCoins()
setUserCoinPortfolio(a, b)

set 动作需要两个 get 动作的返回值，因此需要在这些函数完成后调用它。两个 get 可以同时触发。这就是我发起这两个电话的原因：

 refresh = async () => {
    this.setState({refreshing: true});
    this.props.getAllCoins();
    this.props.getUserCoins();
    this.setState({refreshing: false});
};

componentDidMount = () => {
    this.refresh();
}

我应该将这些组合成一个动作吗？我应该将它们分开，但如何构建调用？

非常感谢任何帮助

Answer 1

当您使用 asyn 时，您可以等待前两个操作，一旦完成，您就可以调用 set.如下所示。

refresh = async () => {
    this.setState({refreshing: true});
    await this.props.getAllCoins();
    await this.props.getUserCoins();
    this.setState({refreshing: false});
};

或

refresh = async () => {
    this.setState({refreshing: true});
    await Promise.All([this.props.getAllCoins,this.props.getUserCoins]);
    this.setState({refreshing: false});
};