ReactJSの状態を動的に更新する

Question

コールバック関数で送信された引数に基づいてコンポーネントの状態を動的に更新しようとしています。

ので、部品がvalueChange('id', 1)を送信する場合の目標はある... this.state.contractLine.idは1に更新され、コンポーネントが送信した場合valueChange('innerLevel.name', 'newName')this.state.contractLine.innerLevel.nameこれは私が使用しているコードです（それはだnewName

に更新されます期待どおりに働かない）。

valueChange(statePath, inputValue) { 
    var newState = this.state; 

    var stateBeingChanged = this.state['contractLine']; 

    var pathList = statePath.split('.'); 
     for (var i = 0; i < pathList.length; i++) { 
      var elem = pathList[i]; 
      stateBeingChanged = stateBeingChanged[elem]; 
     } 

    stateBeingChanged = inputValue; 

    newState['contractLine'] = stateBeingChanged; 

    this.setState(newState); 
} 

EDIT --SOLVED--私は@rauliyohmcアドバイスに従い、lodashの問題を解決するために管理し、誰かが同じ問題を抱えているだけの場合には

...

。 （私が今まで思ったよりもはるかに簡単な）使用 コードはでした：

valueChange(statePath, inputValue) { 
    var newState = Object.assign({}, this.state['contractLine']); 

    _.set(newState, statePath, inputValue); 

    this.setState({contractLine: newState}); 
} 

Answer 1

念の誰かが同じ問題を抱えている...私は@rauliyohmcアドバイスに従い、lodashの問題を解決するために管理しました。使用されたコード（私が思っていたよりもはるかに簡単でした）：

valueChange(statePath, inputValue) { 
    var newState = Object.assign({}, this.state['contractLine']); 

    _.set(newState, statePath, inputValue); 

    this.setState({contractLine: newState}); 
}