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