reactJsオブジェクトを上書きせずに状態オブジェクトを更新します

Question

this.state内のオブジェクトの更新に問題があります。基本的には、複数の範囲スライダを持つフォームがあります。スライダが変更されるたびにthis.state.dreadModelオブジェクトを更新したいと思いますが、私はそれを上書きすることしかできないようです。

this.setState(update (this.state.dreadModel, { dreadModel: { [name]: e.target.value } }), function() { 
    console.log(this.state); 
}); 

を私は上記のコードで取得エラー「がキャッチされないにReferenceError：更新が定義されていない」である。

これは私がこれまでにしようとしているものです。

私は非常に近いと感じますが、構文はかなり正しいです。

ああ、ここではスライダの値が変更されるたびにオブジェクトを上書きするコードを使用しています。

this.setState({ dreadModel: {[name]: e.target.value }}, function() { 
    console.log(this.state); 
}); 

Answer 1

私は通常、私はネストされたオブジェクトを更新する必要がある場合はどのような、より多くのようなものです： `update`機能から来たんどこから

var dreadModel = {...this.state.dreadModel, [name]: e.target.value }; 
//or, if no ES6: 
//var dreadModel = Object.assign({}, this.state.dreadModel); 
//dreadModel[name] = e.target.value; 
this.setState({ dreadModel: dreadModel }, function() { 
    console.log(this.state); 
});