antd3升级4 遇到的坑--- destroyOnClose不生效问题
最近项目在重构 顺便把antd组件库升级一下 虽然antd有指定的自动升级指令 但是坑还是有点多的
只有Modal中有Form组件才会遇到这样的问题
但是由于3升4 Form组件是兼容包引入的 Form设置preserve={false}并没有生效,所以导致Modal弹窗关闭之后重新打开 Form的内容并不会重置。
解决方法:
- 可以在打开弹窗的事件或者关闭弹窗的事件 加个form.resetFields()重置一下
- 也可以在Modal组件前加个三目
!visible ? null : <Modal visible={visible} {...props}/>