Reac AntDesign 提交大量数据表单数据存储问题

Question

问题:保存３个子组件表单(弹窗式)数据,再到主组件表单,提交后台的思路.子组件表单多次编辑,需要数据回显.貌似不简单啊

涉及Ｒeact知识点:
１.状态提升,应该把数据存在父组件表单中;
２.单向数据流,通过子组件表单回调父组件函数,更新父组件状态.
３.这样貌似函数式组件就不太适用了,还得用class型组件方便.

当前想法
１.子组件表单,通过回调函数,将数据保存在父组件表单的state中;
２.子组件表单,多次编辑回显如何实现?　通过props向子组件表单传递吗?
３.select下拉框,能实现数据回显吗

图１主组件表单:

图２子组件表单:

Answer 1

1.子组件表单数据收集:在父组件中定义一个方法，用来收集子组件中每次提交的数据
父组件：
<Child getData={this.getSubData}></Child>

getSubData(val){

拿到了子组件的数据，父组件点击提交按钮的时候
拼接拿到的子组件数据val

}

子组件：
<Button onClick={this.checkForm}>子组件中的提交按钮</Button>

checkForm(){
const result = 子组件表单的数据
this.props.getData(result)
}

2.回显的问题：子组件中发请求获取信息去回显。