0

如题,多层Modal+Form格式弹窗表单嵌套

子级组件用来添加数据,完成后,传递给父级。

父级组件提交数据后,子级页面应该重置组件及数据
但实际上,子级数据无法清空


Antd中关于表单的API

我知道resetFields是用来重置组件的状态与数据,但父组件如何控制子组件的状态及数据呢?

这里是一个简单的 DEMO

1

可以关注这个 issue https://github.com/ant-design... 也欢迎来认领这个 issue。

yesmeck · 12月7日

添加评论

3个回答

1

已采纳

通过key值卸载组件

2

给子组件创建一个state = {subData: {name: '', ip: ''}}
子组件Input onChange的时候,update 这个state.
每次新建的时候,将state修改为初始值state = {subData: {name: '', ip: ''}}

1

官网还提供了一个办法,每次点开modal的时候给它设置一个新key,这样每次都是一个新的modal..

撰写答案