如何将嵌套对象绑定到reactjs中

Question

说我有一条记录：

var project={
    manager:{
        id:1,
        name:"John"
    },
    name:"create ...",
    workers:[
        {name:'x',social_id:'xxx',age:11},
        {name:'x',social_id:'xxx',age:12}
    ]
};

我想在这样的目标中编辑这个目标：

我知道我可以通过props将数据绑定到表单，但是我想知道如何收集更新的数据并将它们发送到服务器？

顺便说一下，服务器在创建或更新对象时接受application/json内容类型。

Answer 1

答案简短：

• 将所有项目信息（包括嵌套的工作人员信息）存储在顶部 - <Project>组件中。
• 在handleChange(worker)组件中定义一个<Project>处理程序，它将工作记录作为参数，并相应地更新状态。
• 定义<Worker>组件，其作为道具a）来自项目状态的worker-info，以及b）this.handleChange中定义的<Project>方法
• 在worker组件中，为每个输入项的更改添加处理程序
• 每当工作人员的输入项发生变化时，请在父this.props. handleChange(worker)组件上调用<Project>。