反应-具有多个对象深度的复杂形式

时间:2018-07-01 22:20:09

标签: reactjs

我对React还是很陌生,所以请问这是一个基本问题。我发现了许多具有扁平结构(简单的输入字段集)的表单示例,其中有一个事件处理程序接收一个事件,并根据名称字段更新状态。

updateFormState: function (event) {
  var form = Object.assign({}, this.state.form);
  form[event.target.name] = event.target.value;
  this.setState({form: form});
}

但是,我找不到表单具有嵌套结构的示例..例如添加地址对象列表,或者如果需要,甚至可以使嵌套对象更上一层楼。用目标名称查找具有复杂形式的表不是更新表单状态的可行解决方案,因为您需要包括数组索引和嵌套结构。另外,我很可能希望将嵌套的字段结构委托给不同的组件,这些组件将更改事件处理程序从父组件传递到其他子组件。

有人可以提供有关在React中如何开发这种形式的正确方法,甚至是一个实时示例。

0 个答案:

没有答案