2016-10-28 6 views
1

Im Moment aktualisiere ich ein inneres Objekt innerhalb meiner React Component, das update von React erfordert. Hier ist mein Code:Wie verwende ich 'update' & setState (prevState) zusammen in React?

const nameState = update(this.state, { userData: {name: {$set: e.target.value} }}); 
this.setState(nameState); 

Nun, das Problem ist, dass die Reaktion setState nicht sofort diese Änderungen vornehmen, sondern schafft wie eine anhängige Zustandsänderung. Also, die Problemumgehung dieses Problems war prevState. Etwas wie folgt aus:

const enteredName = e.target.value; 
    this.setState((prevState) => ({ 
    name : enteredName 
    })); 

So, wie verwende ich prevState mit meiner update Funktion?

+0

Bitte beachten Sie, dass nach dem [docs auf Update Reagieren] (https://facebook.github.io/react/docs/update.html), 'update' ist veraltet zugunsten von [kolodny/immutability-helper] (https://github.com/kolodny/immutability-helper). – NiFi

Antwort

1

ähnlich wie Sie this.state aktualisiert:

const enteredName = e.target.value; 
this.setState(prevState => update(prevState, { userData: {name: {$set: enteredName} }}));