是否有可能防止默认的onDeselect (选择输入多个蚂蚁设计)？
是否有可能防止默认的onDeselect (选择输入多个蚂蚁设计)？
提问于 2018-11-27 16:25:27
我想要做的是控制onDeselect事件，我想在活动结束前问一个问题。然后，如果用户接受删除，则可以删除该选项。
这是我的选择和道具：
<Select
mode="multiple"
style={{ width: '100%' }}
placeholder="Select at least one"
allowClear={false}
onSelect={this.addNewClassroom}
onDeselect={this.deleteClasroom}
>
{classroomSelect}
</Select>这是我使用的函数：
deleteClasroom(val, e){
//e.preventDefault();
confirm({
title: 'Are you sure?',
content: 'Delete this...',
onOk() {
// -----------> delete the item
},
onCancel() {
// -----------> keep the item
},
});
}回答 1
Stack Overflow用户
回答已采纳
发布于 2018-11-27 16:54:39
onDeselect在事件发生后发生，不公开这样的功能。但是，您可以将组件转换为受控组件并实现用例。
class App extends Component {
constructor() {
super();
this.state = {
values: ['a10', 'c12'],
};
}
onDeselect = (value) => {
const that = this;
confirm({
title: 'Are you sure delete this task?',
content: 'Some descriptions',
okText: 'Yes',
okType: 'danger',
cancelText: 'No',
onOk() {
that.setState(prevState => ({
values: prevState.values.filter(item => item !== value),
}));
},
onCancel() {
;
},
});
}
onSelect = (value) => {
console.log(value)
this.setState(prevState => ({
values: [...prevState.values, value],
}));
}
render() {
return (
<div>
<Select
mode="multiple"
style={{ width: '100%' }}
placeholder="Please select"
value={this.state.values}
onSelect={this.onSelect}
onDeselect={this.onDeselect}
>
{children}
</Select>,
</div>
);
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53504016
复制相关文章
相似问题
腾讯云开发者
