请问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>
    <div onMouseOver={this.handleMouseOver.bind(this, index)}>
        <div>options1</div>
        <i>copy icon</i>
    </div>
</Select.Option>

就酱。
事件自己实现就好了。