只有在第一个方法完成后才能调用另一个方法

Question

我遇到一种情况，我需要在一种方法中使用数组，该方法先前已在第一种方法中填充。

我需要两种方法都可以在componentDidMount上执行，例如加载国家/地区，然后在droopdown中加载当前国家/地区的城镇。 这样的事情。

可以说我需要分别调用这两个方法：

async componentDidMount() {
      this.loadCountries();
      this.loadCities(this.state.currentCountry.id);
}

我如何确定第一种方法是执行完毕，因为在第二种方法中我需要使用countries array countries[], 。

现在，我有从服务器检索情况数据，但是第二种方法不知道它，因为数据可能是异步检索的，仅此而已。

多谢你们

干杯

Answer 1

只有在第一个函数完成后，才能使用async/await方法调用第二个函数。

这是你的摘录。

var countries = [];
    async componentDidMount() {
         await this.countries = this.loadCountries(); // you will have countries values in 'this.countries'. Which you can access it further . 
         await this.loadCities(this.state.currentCountry.id);
    }

Answer 2

如果您在第一种方法中返回的是coutries []的全局列表，则第二种方法将知道