select下拉框事件操作
想要在select下拉框里面进行选项列的删除等操作,但是下拉框的事件是分装的,所以需要进行阻止时间冒泡,如下:
e.stopPropagation();
itemRender方法是select的一个API,通过itemRender可以实现:
const itemRender = item => {
return (
{item.label}
<Icon type=“close” size=‘xxs’
onClick={(e) => {
e.stopPropagation();
// 删除的接口调用
}}
/>
);
};
如此可实现下拉框数据的操作,重点是阻止事件冒泡。