删除FormItem中的“自动完成”选项后,如何清除带有已删除值的输入?

伊凡娜
  • 环境:Windows7 / Chrome68.0.3440.84 / React ^ 16.2.0

  • ant-design版本:3.8.0

  • 链接到最小复制https : //codepen.io/evanna51/pen/KBGEXb

  • 发生:删除一个选项后,该值仍取决于输入。

  • 复制步骤:

    1. 点击删除

    2. 已删除name1

    3. 列表不再具有,name1但仍在输入中

我已经删除了状态为的选项result.splice(key, 1);

甚至使用antD的Form方法setFieldsValue,例如:this.props.form.setFieldsValue({name: ""});

删除后如何清除输入?

Triyugi Narayan玛尼

我认为使用AntDesign的基本自动完成功能是不可能的,您需要使用Lookup-Patterns-某些类别方法。

您可以首先将<OptGroup />as定义为:

const OptGroup = AutoComplete.OptGroup;

然后,您可以使用如下所示的方式<OptGroup />进行挂载<Option />

const children = result.map((value, index) => {
  return (<OptGroup 
            key={index} 
            label={<Icon 
                     style={{'margin-top':'40px','float':'right','cursor':'pointer'}} 
                     type="close" 
                     onClick={this.deleteOption.bind(this, index)} />}>
            <Option key={index} value={value}>{value}</Option>
          </OptGroup>);
    });

我已经更新了CodePen中实时演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在Tcl Tk中删除插入后,使用现有值自动完成输入

如何在 vuetify 中动态添加/删除带有选择/自动完成值的新表单行?

在jQuery多个自动完成ajax中删除已选择的值

自动完成选项在 React MaterialUI 中没有被删除

如何从记事本++中删除自动完成选项

禁用自动完成中的退格删除选项

如何从自动完成功能中删除已删除的分支名称?

如何清除已删除的文件

在AngularJS中删除输入值后如何再次验证表单

选项“自动清除”,“自动删除”和“清除”之间有什么区别?

关闭在的IntelliJ自动完成选项卡中删除

删除文本字段中的自动完成选项

在页面上提交表单后如何删除已删除的值

选择日期后如何删除html 5中的X标记(清除按钮)[输入类型=“日期”]

带有多个值的自动完成预输入 - APEX 21.1

如何清除材料自动完成角度中的所有加载值?

如何在作业完成后自动删除 Kubernetes 作业

删除空间后,带有管道的输入框不会更新值

如何从列表中删除带有NaN值的字典

按下删除按钮后,如何从输入到我的 textView 的数据库中删除值?

即使删除后,如何从启动选项中删除“ ubuntu”?

删除Wine后,如何从Nautilus中删除带有菜单项的打开?

如何在 javascript 中 2 秒后自动删除用户输入添加的段落?

从输入值中删除所有字母

Interface Builder:如何清除已删除的约束?

如何删除输入值?

删除与已删除选项卡匹配的文本字段中的输入文本

如何从自定义类的智能感知/自动完成选项中删除“属性”一词?

从输入中删除值