typescript - Spfx functions sequential execution

Question

Hi i am trying to get values from 3 different lists. I am able to get values from first 3 functions whereas 3rd function gives promise as pending. What can be done here?

this.A()
      .then((response) => {       
        console.log(response.value);

            this.B()
            .then((Bresponse) => {
              console.log(subDetailsresponse.value);

                                         this.C()
                                        .then((Cresponse) => {
                                          console.log(massDetailsresponse.value);
                                          this._renderProductMassDetails(massDetailsresponse.value);
                                        });       



                                        private method(): Promise<ISPLists>
{

  //return this.context.spHttpClient.get(this.context.pageContext.web.absoluteUrl + "/_api/web/lists/GetByTitle('"+propListName+"')/Items?$select=Title",SPHttpClient.configurations.v1)

 .then((response: SPHttpClientResponse) =>{
    console.log(response.json);
    return response.json();
  });
 }

question from:https://stackoverflow.com/questions/65941777/spfx-functions-sequential-execution

Answer 1

Waitting for answers