JS 监听配置项改变

项目是 React，有一个复杂的表单，包含几十项配置项（含有 input radio textarea select 这些）

配置项是一个 object，类似于：

{
  "options1": {
    "children_1": false,
    "children_2": "qrhusajkfkjahsfhjkshkjjkasfsajk",
    "children_3": [{"key":"12", "value": "sfsfsd"}, {"key":"12", "value": "sfsfsd"}, {"key":"12", "value": "sfsfsd"}]
    // more....
  },
  "options2": {// more options...},
  //....
}

哪种方式检测有没有变更最好（性能方面）？

• 实时监听，如使用：Proxy
• 添加定时器，如 1s 检测一次，当前值 对比 初始值

检测到变更后，需要按照上述 object 格式发送到后端