antd表单操作

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 這是一間不一樣的珍珠奶茶店⋯
    jastea阅读 337评论 0 0
  • 第一章:第一次遇见 林茵是第一次离开父母来到A城,这座城市实在太大了。全国前三名大学,都在这座城市中,此座城市...
    凝雪成冰阅读 148评论 0 0
  • 一见到你就想笑 那是心动的信号 那是因为一种叫做喜欢的情绪 喜欢一个人是不是应该有默契 我以为我会懂得每当我看着你...
    無理阅读 259评论 2 3