动态多文本字段reactjs

如何解决动态多文本字段reactjs

我已经在reactjs中实现了动态多个文本字段，

当我通过点击add按钮添加新行时， 输入键文本字段，然后输入值文本字段， 单击+图标不会添加行。

可以提供帮助，这是密码和框https://codesandbox.io/s/dreamy-neumann-ov2wj

解决方法

handleValueChange = (event,row,i) => {
var newArray = JSON.parse(JSON.stringify([...this.state.additionalFields]));
newArray[row.id].value[i] = event.target.value;
this.setState({ additionalFields: newArray });
};

在状态对象中创建“ additionalFields”属性的深层副本似乎已解决了该问题。

复制具有1或多层其他参考值（对象，数组）的参考值时，我倾向于做的一件事是，我用JSON.stringify()将其转换为JSON，然后将其转换回为使用JSON.parse()的对象。这将导致一个数组不指向状态对象中的原始数组。 Lodash的cloneDeep()方法更具可读性，但是使用香草JavaScript可以使用我的解决方案。