react中使用antd的表单重置数据

本文介绍了一种在组件卸载时重置表单输入控件的方法,通过调用resetFields函数,可将输入控件的值重置为初始值或清空。此方法适用于需要在特定事件触发时恢复表单默认状态的场景。

resetFields 重置一组输入控件的值(为 initialValue)与状态,如不传入参数,则重置所有组件 Function([names: string[]])
注:initialValue有值时会重置为initialValue
使用:

//这个事件,可以是click可以是生命周期函数,具体看需求
componentWillUnmount() {  
    this.props.form.resetFields();  //这是重置为默认值
    //在此进行相应操作
    console.log('值已经清空')
  }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值