React联系人列表：点击Reset仅更新列表，表单字段未重置的问题

• 表单局部状态未与重置后的数据源同步
  表单输入字段一般绑定在组件的局部状态（比如formData）上，当点击Reset按钮时，你只更新了全局的联系人列表状态，但没有将表单的局部状态重置为初始选中联系人的原始数据。比如列表已经回到初始值，但表单还停留在修改后的内容，因为没人触发formData的更新。

• Reset操作未包含表单状态重置逻辑
  选中联系人时，你会把对应数据赋值给表单状态，但Reset动作只处理了联系人列表的回滚，没同步执行表单状态的重置——既没有把初始数据源里对应联系人的信息重新赋值给表单状态，也没有清空输入框的值。

• 父子组件状态联动逻辑缺失
  如果联系人列表是父组件状态，表单是子组件，Reset时父组件更新了列表状态，但没通知子组件同步更新表单状态。比如子组件没有监听父组件传入的联系人数据变化，或者在props更新时没有同步更新自身的局部状态，导致表单停留在旧值。

• 初始数据的引用处理不当
  若保存操作直接修改了初始数据源的引用（比如未做深拷贝，直接修改原数组内的对象），那Reset时试图恢复的"初始数据"其实已经是修改后的值。不过这种情况列表通常也不会正确重置，但如果列表是从备份的初始数据重新赋值，而表单没从备份数据中取值，也会出现不一致。

内容的提问来源于stack exchange，提问作者sably