Codeanalyse synchroner und asynchroner SetState-Probleme in React

importiere React, {Komponente} von „react“;

exportiere Standardklasse Input erweitert Komponente {
    Konstruktor(Requisiten) {
        super(Requisiten);    

        dieser.Zustand={
            Name: 'Hallo'
        }    
    }

    _onChange(e) {
        dies.setState({
            Name: „Welt“
        })

        console.log(dieser.Status.Name); //hallo
    }

  rendern () {
    zurückkehren (
      <div Klassenname='cp'>
        <Eingabeklassenname = 'cp-Eingabe' Wert = {this.state.name} bei Änderung = {this._onChange.bind(this)} Typ = "Text"/>                
      </div>
    );
  }
}

importiere React, {Komponente} von „react“;

exportiere Standardklasse Input erweitert Komponente {
    Konstruktor(Requisiten) {
        super(Requisiten);    

        dieser.Zustand={
            Name: 'Hallo'
        }    
    }

    _onChange(e) {
        // etwas tun
    }


    componentDidMount() {
        Geben Sie die Zeichenfolge ".cp-input" ein.
        input.addEventListener('klicken', ()=>{
            dies.setState({
                Name: „Welt“
            })

            console.log(dieser.Status.Name); //Welt
        })
    }

  rendern () {
    zurückkehren (
      <div Klassenname='cp'>
        <Eingabeklassenname = 'cp-Eingabe' Wert = {this.state.name} bei Änderung = {this._onChange.bind(this)} Typ = "Text"/>                
      </div>
    );
  }
}

importiere React, {Komponente} von „react“;

exportiere Standardklasse Input erweitert Komponente {
    Konstruktor(Requisiten) {
        super(Requisiten);    

        dieser.Zustand={
            Name: 'Hallo'
        }    
    }

    _onChange(e) {
        // etwas tun
    }


    componentDidMount() {
        setzeTimeout(()=>{
            dies.setState({
                Name: „Welt“
            })
            console.log(dieser.Status.Name); //Welt
        }, 1000)
    }

  rendern () {
    zurückkehren (
      <div Klassenname='cp'>
        <Eingabeklassenname = 'cp-Eingabe' Wert = {this.state.name} bei Änderung = {this._onChange.bind(this)} Typ = "Text"/>                
      </div>
    );
  }
}