只有在第一個方法完成后才能調用另一個方法

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 []的全局列表，則第二種方法將知道