Async-Funktion mit einem Ladebildschirm

Question

I-Zustandes im Konstruktor wie diese ist die Einrichtung - das gilt für Text, der sagt: „Daten abrufen ...“:

this.state = { 
     loading: true 
    } 

Dann habe ich eine Asynchron-Funktion wie diese, die werde ein paar Daten bekommen.

componentDidMount() { 
    this.fetchData().done() 
    } 

    async fetchData() { 
    const response = await fetch(URL) 
    const json = await response.json() 
    const stars = json.stargazers_count 
    this.setState({ stars }) 
    } 

Wie kann ich wissen, wenn ich den isLoading Zustand auf false gesetzt und den Laden Text verbergen und die Daten angezeigt werden? Ich scheine hier ein Stück zu vermissen!

Dank Jordan

Answer 1

Wenn Sie stars in Ihrem Staat einsetzen, können Sie auch festlegen isLoading zu false

this.setState({ stars, isLoading: false });