请问Antd的Select.Options怎么实现滑过操作的功能

Question

问题描述

官方文档只开放了Select鼠标滑进滑出的API,如果我想在Select.Options右侧加一个复制的icon,请问要怎么实现呢?

问题出现的环境背景及自己尝试过哪些方法

本来是想着鼠标滑过的Options,动态添加icon和复制功能.但是发现,官方并没有给Select.Options开放onMouseEnter之类的功能.请问大家有什么可以实现的方法吗?

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
例如:

<Select...>
    <Select.Option        
        ....        
        //onMouseOver={this.handleMouseOver.bind(this, index)}
    >
    </Select.Option>
</Select>

你期待的结果是什么？实际看到的错误信息又是什么？

我希望可以操作Select.Option里面的值,比如复制操作等等.谢谢！

Answer 1

<Select.Option> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;onMouseOver={this.handleMouseOver.bind(this,&nbsp;index)}> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div>options1</div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>copy&nbsp;icon</i> &nbsp;&nbsp;&nbsp;&nbsp;</div></Select.Option>就酱。事件自己实现就好了。