Estoy tratando de obtener algunos datos con el método de obtención de una ruta web, pero el problema es que la obtención es asíncrona, por lo que el resultado se muestra antes de que finalice la obtención. ¿Hay alguna forma de esperar hasta que finalice la búsqueda antes de continuar con el código? Probé async y await pero no resuelve mi problema.

 if(this.state.loading) { return(<div>Loading ...</div>) } this.tagNameMemory(); return ( <div> <div id = "tagName"> {console.log("display : "+this.state.tagName)} <h1>{this.state.tagName}</h1> </div> ... async tagNameMemory() { console.log("tag : " + this.props.tag); await this.fetchTagName(); } async fetchTagName() { return await fetch("fetchTagInformation/"+this.props.tag) .then( response => { return response.json();}) .then( json => { this.state.tagName = json.listTags.name; console.log("tagName after fetch : "+this.state.tagName); }) } console on website : https://i.stack.imgur.com/omB2s.png