猿问

antd modal框销毁不清除数据

modal传入的属性如下:


// 编辑

const editProps = {

  data: allData,

  visible: editVisible,

  destroyOnClose:true,

  successBack: () => {

    this.setState({

      editVisible: false,

    })

    this.props.form.resetFields();

    this.refs.sysInfoTable.reload()

  },

  onCancel: () => {

    this.setState({

      editVisible: false

    })

    this.props.form.resetFields();

  }

}

在关闭modal之后,并不会销毁modal的子元素,之前修改的值还是会显示出来,这该怎么修改


呼唤远方
浏览 4396回答 2
2回答

慕运维8079593

<Modal /> 默认关闭后状态不会自动清空, 如果希望每次打开都是新内容,请设置 destroyOnClose。

海绵宝宝撒

好像我一开始没说清楚,我用的是react。最后我是给modal加上ref属性,最后通过this.refs.modal.resetFields()来重置输入值
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答