1、ModalForm弹框modalProps中加destroyOnClose <ModalFormvisible={visible} modalProps={{destroyOnClose:true}} /> </ModalForm> 2、Modal弹框中加destroyOnClose <Modalvisible={visible}destroyOnClose: {true} /> </Modal>
An enterprise-class UI design language and React UI library - Modal组件的destroyOnClose属性无法销毁其中Form组件具有form属性时的状态 · ant-design/ant-design@9d13485
1、Modal的destroyOnClose属性为true,使得在我们关闭弹窗的时候,Form组件被销毁;(具体原因下面会说) 2、react版本较旧 解决办法 1、destoryOnClose设置为false 2、react换到18.x可解决(可以自行去实验 ) 根本原因 Q:为什么第一次正常? A:上述操作其实是先给form的store设置值,然后在打开弹窗,因此再渲染form之前...
一、ModalForm销毁 配置了modalProps={{ destroyOnClose: true }},弹框在隐藏时会销毁,同时清除原有数据。 二、ModalForm编辑赋值 首先发现有一个初始值赋值方法initialValue,但是使用后一直显示原来的值,这样就无法使用,但是在第一步,配置了销毁ModalForm,那么每次打开弹框都是新赋的值,这样就解决了初始值不变的...
"@ant-design/pro-components": "2.6.43", "@umijs/max": "4.0.86", "antd": "5.8.3", const [form] = Form.useForm(); <ModalForm form={form} open={dslModalVisible} modalProps={{ bodyStyle: { maxHeight: '70vh', }, destroyOnClose: true, }} param...
第一种:<Modal /> 默认关闭后状态不会自动清空, 如果希望每次打开都是新内容,请设置 destroyOnClose。 <Modal /> 和 Form 一起配合使用时,设置 destroyOnClose 也不会在 Modal 关闭时销毁表单字段数据,需要设置 <Form preserve={false... 查看原文 ...
useForm 如果注册到 Modal 外面,就算 destroyOnClose 了,form 的实例也不会卸载 2023-03-08 回复1 叶枫 耦合度太高,对于UserForm来说,因为使用了context,所以其实必须在ActionModal内部使用,并没有办法在其他上下文环境下复用。而且对于业务开发场景来说,使用这个功能,就需要同时熟悉这个ActionModal的api和...
ProComponents中分步表单-与 Modal 配合使用,stepsFormRender中使用modal,destroyOnClose不起作用 ProComponents中分步表单-与 Modal 配合使用,stepsFormRender中使用modal,destroyOnClose不起作用 解决方案: 1.用Modal包裹StepsForm,不使用stepsFormRender 2.使用三元表达式,createForm为StepsForm组件...
destroyOnClose={true} okText="保存" cancelText="取消" > <Tabs> <TabPane tab="基础信息" key="1" > <BasicInfo onRef={this.onRef} devid={this.state.currentDevId} /> </TabPane> <TabPane tab="运行参数" key="2"><RunParams dvid={this.state.currentDevId} /></TabPane> ...
showConfirm=()=>{constmodal=Modal.confirm();modal.update({title:'标题',okText:'保存',//默认为确认cancelText:'关闭',//默认为取消destroyOnClose:true,//默认false。默认关闭后状态不会自动清空, 如果希望每次打开都是新内容需要设置truecontent:(<div>//Modal内其他组件</div>),onOk(){//调用点击确...