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

有任何想法吗？

编辑-解决-

以防万一有人遇到相同的问题...我遵循@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});
}