I would like to ask the Select.Options of Antd how to realize the function of sliding operation.

problem description

official documents only open Select mouse in and out API, if I want to add a copy of icon, to the right of Select.Options , how can I implement it?

the environmental background of the problems and what methods you have tried

was supposed to dynamically add icon and copy functions to the mouse-over Options,. However, it is found that Select.Options is not officially open to functions such as onMouseEnter . Do you have any methods that can be realized?

related codes

/ / Please paste the code text below (do not replace the code with pictures)
for example:

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

what result do you expect? What is the error message actually seen?

I want to be able to manipulate the values in Select.Option , such as copy operations and so on. Thank you!


<Select.Option>
    <div onMouseOver={this.handleMouseOver.bind(this, index)}>
        <div>options1</div>
        <i>copy icon</i>
    </div>
</Select.Option>

just sauce. The
event can be implemented on its own.

Menu