0

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

clipboard.png

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

clipboard.png

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

clipboard.png


Antd中关于表单的API

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

这里是一个简单的 DEMO

2017-12-07 提问
1

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

yesmeck · 2017年12月07日

添加评论
3 个回答
1

已采纳

通过key值卸载组件

2

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

1

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

撰写答案

你可能感兴趣的

推广链接