React.js setState() mit Variable für Schlüssel innerhalb der Schleife?

Question

Gibt es eine Möglichkeit, ein String-Variable des Wert als Schlüssel für setState() zu benutzen?

getInitialState: function() { 
    return { 
     foo: '', 
     bar: '' 
    } 
} 

someOtherHandler: function() { 
    var arr = ['foo', 'bar']; 
    var _this = this; 
    var number = Math.random(); 

    for (var i in arr) { 
     _this.setState({ arr[i]: number }); 
    } 

} 

React wirft einen Syntaxfehler mit der oben und arr Einstellung von [i] einer Variablen endet einen neuen Zustand Einstellung mit diesem Namen der Variablen.

Answer 1

Sie können das Objekt vor dem Aufruf setState erstellen.

var newState = {}; 
newState[i] = number; 
_this.setState(newState); 

Alternativ, wenn Sie ES6 verwenden, können Sie die Verwendung eines computed property machen.

_this.setState({ [i]: number }); 

Allerdings wird dieser Code setState mehrmals aufrufen, ist es effizienter, es nur einmal anrufen. Erstellen Sie das aktualisierte Statusobjekt, und wenden Sie es anschließend an.

var newState = {}; 

for(var i in arr) { 
    newState[i] = number; 
} 

this.setState(newState);