ant design的关闭ModalForm和Modal弹框,清除数据的方法: 1、ModalForm弹框modalProps中加destroyOnClose <ModalFormvisible={visible} modalProps={{destroyOnClose:true}} /> </ModalForm> 2、Modal弹框中加destroyOnClose <Modalvisible={visible}destroyOnClose: {true} /> </Modal>...
modal设置destoryOnClose不销毁modal的值,modal 组件在关闭之后,并没有销毁组件,导致FormItem中设置initialValue时,只有在初始化加载的时候赋值,然后点击查看正常,然后点击编辑开始报错,modal不能设置值(共用一个modal),结果附下图 查看结果 编辑结果 报错结果 附代码` // modal <Modal width={650} okText='保存' ...
第一种:<Modal /> 默认关闭后状态不会自动清空, 如果希望每次打开都是新内容,请设置 destroyOnClose。 <Modal /> 和 Form 一起配合使用时,设置 destroyOnClose 也不会在 Modal 关闭时销毁表单字段数据,需要设置 <Form preserve={false... 查看原文 ...
<Modal />和 Form 一起配合使用时,设置destroyOnClose也不会在 Modal 关闭时销毁表单字段数据,需要设置<Form preserve={false} />
modal传入的属性如下: // 编辑 const editProps = { data: allData, visible: editVisible, destroyOnClose:true, successBack: () => { this.setState({ editVisible: false, }) this.props.form.resetFields(); this.refs.sysInfoTable.reload() ...
react hooks使用姿势不正确,antd4 form引入了hooks, 和antd3使用有所区别; 对form表单initialValues的认识不清; Modal子元素的渲染是异步的,destroyOnClose 错误使用; initialValues初始化数据时候,第二次、第三次……传递新值,表单没有更新? 因为initialValues只在表单首次初始化时有效,只要表单没有卸载并重新挂载,...
[Modal.info/success/error/warning只有一个按钮]。 showConfirm=()=>{constmodal=Modal.confirm();modal.update({title:'标题',okText:'保存',//默认为确认cancelText:'关闭',//默认为取消destroyOnClose:true,//默认false。默认关闭后状态不会自动清空, 如果希望每次打开都是新内容需要设置truecontent:(<div...
提升到共享的数据,无法被form.resetFields() 清除; 解决3: 在Modal取消事件中,把对应共享数据清空; consthandleCancel=()=>{setVisible(false)setEditOne()setEditTwoFirst()setEditTwoSecond()}; Modal中添加语句 :destroyOnClose={true} (详见 Modal ,< Modal /> 默认关闭后状态不会自动清空, 如果希望每次打开...
908 - Modal 909 - 🛠 重构 Modal 组件动画,现在 `destroyOnClose` 关闭时将完全清理相关 Dom 节点。[#26940](https://github.com/ant-design/ant-design/pull/26940) 910 - 🆕 Modal 新增 `modalRender` 属性,支持可拖拽的对话框。[#26507](https://github.com/ant-design/ant-design/pull/2650...
其中Table组件自带ref的方法,上下两种,建议选第二种,这样this上就会有formRef这个方法,就能在Modal中获取到Form中的数据 在Form组件上加上wrappedComponentRef属性,将参数赋值给this上的cithForm上,修改后的Modal代码如下: //修改后的modal<Modaltitle="开通城市"visible={this.state.isShowOpenCity}onCancel={()=>...