ReactJS Aktualisierungsstatus dynamisch

Question

Ich versuche, einen Komponentenstatus dynamisch zu aktualisieren, basierend auf den Argumenten, die für eine Rückruffunktion gesendet werden.

So ist es das Ziel, wenn die Komponente sendet valueChange('id', 1) ... this.state.contractLine.id wird 1 aktualisiert werden, und wenn die Komponente sendet valueChange('innerLevel.name', 'newName')this.state.contractLine.innerLevel.name wird

Dies ist der Code zu newName aktualisiert ich verwende (aber es ist funktioniert nicht wie erwartet).

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); 
} 

Irgendwelche Ideen?

EDIT --SOLVED--

Nur falls jemand das gleiche Problem hat ... ich @rauliyohmc Rat gefolgt und schaffte es, das Problem mit lodash zu lösen. Der verwendete Code (viel einfacher, als ich je gedacht) war:

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

    _.set(newState, statePath, inputValue); 

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

Answer 1

Nur falls jemand das gleiche Problem hat ... ich @rauliyohmc Rat gefolgt und schaffte es, das Problem mit lodash zu lösen. Der verwendete Code (viel einfacher als ich jemals dachte) war:

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

    _.set(newState, statePath, inputValue); 

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