美文网首页
antd表单操作

antd表单操作

作者: Ysj1111 | 来源:发表于2018-09-04 08:40 被阅读38次

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

相关文章

网友评论

      本文标题:antd表单操作

      本文链接:https://www.haomeiwen.com/subject/zipcextx.html