modal关闭之后表单输入框置空:
1.表单组件加ref
<Modal
title={`修改${title}`}
width="800px"
visible={this.state.visible}
onOk={this.handleOk}
onCancel={this.handleCancel}
footer={null}
afterClose={this.afterClose}
>
<ChangeModal ref="myModal" handleCancel={this.handleCancel} status={this.state.visible} data={preData} title={title}/>
</Modal>
2.modal加afterclose函数
afterClose = ()=>{
this.refs.myModal.resetFields();
}
函数里面通过ref取到表单元素,执行reset方法
注意:这里不能使用 getFieldsValue getFieldValue setFieldsValue ,会报错,其他方法可以用。