I'm new to react concept, I don't understand why I lose the value of the state after the .then() I lose the ISPList state value but I did set state :( appreciate any help.

export default class Cartable extends 
React.Component<IMainCartableProps, ICartableState> {
constructor(props: IMainCartableProps, state: ICartableState) {
    super(props)
    this.state = {
      status: "Ready",
      ISiteCollections: [],
      ISPLists:[],
      ISPTaskItems:[],
    }
   }


  public _getListOfLists(context: WebPartContext): Promise<ISPLists[]> {
    
    this.state.ISiteCollections.map(async (siteCollection:any)=>{
      
      let url = siteCollection.SPSiteUrl + `/forms/_api/web/lists? 
    $filter=Hidden eq false and BaseTemplate eq 107`;
      //console.log(url)
       let config: SPHttpClientConfiguration = new 
  SPHttpClientConfiguration({
        defaultODataVersion: ODataVersion.v3})
        
         new Promise<ISPLists[]>( async (resolve, reject)=>{
          this.props.context.spHttpClient.get(url, config, { headers: { Accept: "application/json;odata=minimalmetadata;charset=utf-8" }})
            .then((response: SPHttpClientResponse) => {
              //console.log(response.status)
              if(response.status==200){
                response.json().then((results: any) => {
                  //let resultsList = results.PrimaryQueryResult.RelevantResults.Table.Rows;
                  console.log(results)
                  results.value.map((result:any)=>{
                    TaskLists.push({
                      title: result.Title,
                      Id:result.Id
                    })
                    
                  })
        
                  //console.log(TaskLists.length)
                  //this.setState({ ISPLists:TaskLists })
                  //console.log(this.state.ISPLists.length)
                  //resolve(TaskLists);
                  this.setState({ISPLists:TaskLists})
                  
                    //this.setState({ ISPLists:TaskLists})
                    //console.log(this.state.ISPLists[1].title)
                    //this._getTaskItems()
                })

                
              }
             // return response.json();
             console.log(TaskLists.length)
            })
   
          })
          
    })
    console.log(TaskLists.length)
    console.log("Hereeeee")
    this.state.ISPLists.map(SPList=>{
      console.log(SPList.title)
    })
    
    
    return 
   
  }