antd表单操作

2018-09-04  本文已影响38人  Ysj1111

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 ,会报错,其他方法可以用。

上一篇 下一篇

猜你喜欢

热点阅读