antd modal框销毁不清除数据

Question

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的子元素，之前修改的值还是会显示出来，这该怎么修改

Answer 1

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

Answer 2

好像我一开始没说清楚，我用的是react。最后我是给modal加上ref属性，最后通过this.refs.modal.resetFields()来重置输入值