如何在单击按钮和输入更改时处理多个受控组件

Question

我正在尝试使用对象中的值更新多个受控表格。可以在用户键入时更新此值，也可以通过单击按钮进行更改（将设置新对象）。

现在的问题是，在使用新对象进行更改时，一种形式是更新并触发onChange事件，该事件将使用先前的对象值更新剩余的表单值。

例如：

state = {
   data: [
     {
       a: 1,
       b: 2,
       c: 3
     },
     {
       a: 4,
       b: 5,
       c: 6
     }
   ]
}

最初的表单包含数据[0]，单击按钮时对象将更新为数据[1]。

现在，在发送数据[1]作为道具时，数据[1] [“ a”]被更改并使用{a：4，b：2，c：3}到setState触发onChange。

新状态：

state = {
   data: [
     {
       a: 1,
       b: 2,
       c: 3
     },
     {
       a: 4,
       b: 2,
       c: 3
     }
   ]
}

我应该如何继续保持一致状态。