reactjs Wie man eine Variable an eine Funktion innerhalb von setState übergibt

Question

Ich erstelle eine Methode innerhalb der ReactJS Klasse namens addTotal (Preis). Jetzt muss ich innerhalb setState eine Variable an eine Funktion(), aber es funktioniert nicht:

addTotal(price){ 
     this.setState(function(prevState, props, price) { 
      return {total: this.state.total + price}; 
     });  
    } 

Answer 1

Die Sache ist, dass Funktionen innerhalb ReactJS setState() funktioniert nur mit this.state und this.props Objekt. Daher müssen Sie zuerst einen Preis Immobilie zu this.state (this.state.price) erstellen und dann mit ihm in setState so betreiben:

addTotal(price){ 
     this.setState({price: price, total: this.state.total}); 
     this.setState(function(prevState, props) { 
      return {total: prevState.total + prevState.price}; 
     }); 
    } 

Answer 2

Siehe Abschnitt über State Updates May Be Asynchronous und verwenden Sie die prevState statt this . Außerdem ist die Funktionssignatur nicht korrekt. Es sollte so aussehen

addTotal(price){ 
     this.setState(function(prevState, props) { 
      return {total: prevState.total + price}; 
     });  
    } 

Answer 3

Sie sollten die Funktion einen Wert übergeben und den zurückgegebenen Wert in den Status speichern. Die Art, wie Sie versuchen, das Problem zu lösen, scheint unlogisch zu sein. Versuchen Sie Folgendes:

addTotal(price){ 
    let { total } = this.state; 
    total = total + price; 
    this.setState({total};  
}