React Antd 关于Input表单清空的坑

表单清空有一个方法


image.png

试了一下没法清空,没反应
经过一系列实践终于成功了
注意事项
1.必须是用下面的方法生成的才能清空

{getFieldDecorator(`field-${2}`, {
                rules: [{
                  required: true,
                  message: 'Input something!',
                }],
         })(<Input placeholder="placeholder" />)
}  

试了一下,直接使用Input组件,结果不能清空,要用getFieldDecorator生成的才可以

不可以直接在Button的点击事件里面写,比如下面的没法清空

<Button onClick={this.props.form.resetFields}>Clear</Button>

这样子没法清空
得用一个函数

<Button onClick={this.handleReset}>Clear</Button>

handleReset=()=>{
  this.props.form.resetFields();
}

这样子才能成功

推荐阅读更多精彩内容