首頁(yè) 猿問(wèn) 請(qǐng)問(wèn)Antd的Select.Opt...

請(qǐng)問(wèn)Antd的Select.Options怎么實(shí)現(xiàn)滑過(guò)操作的功能

React.JS JavaScript

蝴蝶不菲 2018-10-01 12:10:01

問(wèn)題描述官方文檔只開(kāi)放了Select鼠標(biāo)滑進(jìn)滑出的API,如果我想在Select.Options右側(cè)加一個(gè)復(fù)制的icon,請(qǐng)問(wèn)要怎么實(shí)現(xiàn)呢?問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法本來(lái)是想著鼠標(biāo)滑過(guò)的Options,動(dòng)態(tài)添加icon和復(fù)制功能.但是發(fā)現(xiàn),官方并沒(méi)有給Select.Options開(kāi)放onMouseEnter之類的功能.請(qǐng)問(wèn)大家有什么可以實(shí)現(xiàn)的方法嗎?相關(guān)代碼// 請(qǐng)把代碼文本粘貼到下方（請(qǐng)勿用圖片代替代碼）例如:<Select...> <Select.Option .... //onMouseOver={this.handleMouseOver.bind(this, index)} > </Select.Option> </Select>你期待的結(jié)果是什么？實(shí)際看到的錯(cuò)誤信息又是什么？我希望可以操作Select.Option里面的值,比如復(fù)制操作等等.謝謝！

查看完整描述

1 回答

天涯盡頭無(wú)女友

TA貢獻(xiàn)1831條經(jīng)驗(yàn) 獲得超9個(gè)贊

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

就醬。
事件自己實(shí)現(xiàn)就好了。

反對(duì) 回復(fù) 2018-10-08