环境:Windows7 / Chrome68.0.3440.84 / React ^ 16.2.0
ant-design版本:3.8.0
链接到最小复制:https : //codepen.io/evanna51/pen/KBGEXb
发生:删除一个选项后,该值仍取决于输入。
复制步骤:
点击删除
已删除name1
。
列表不再具有,name1
但仍在输入中
我已经删除了状态为的选项result.splice(key, 1);
,
甚至使用antD的Form方法setFieldsValue
,例如:this.props.form.setFieldsValue({name: ""});
删除后如何清除输入?
我认为使用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>);
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句