使用React

Question

如何更新反应表单中的嵌套字段。

我在这里

添加新项目handleAddShareholder，

删除现有项目handleRemoveShareholder，

更改项目handleShareholderNameChange

的详细信息

然后我将推出一个新阵列给股东。通过这个

handleAddcomp = idx => () => {
    this.state.shareholders[idx].customize.push({ name: '' });
    const shareholders = this.state.shareholders;
    this.setState({ shareholders: shareholders });
  };

但是我无法在react.js中更新嵌套数组的字段值

我的代码在https://jsbin.com/fugemuy/edit?html,js,output

Answer 1

为此目的使用Object.assign。它将克隆当前对象。

handleAddcomp = idx => () => {
    let shareholders = Object.assign({}, this.state.shareholders); //creating copy of object in state
    shareholders[idx].customize.push({ name: '' })
    this.setState({ shareholders });
};