解决react鼠标移入移出样式修改的问题。
效果截图:
代码实现:
js代码:
<div className={
styles.listStyle}>
<Menu
onClick={
this.listClick}
style={
{
width: '100%', height: '100%' }}
mode="inline"
defaultSelectedKeys={
['0']}
>
{
this.state.data.map((item, index) => {
return (
<Menu.Item
onMouseEnter={
this.openDelete.bind(this, index)} //当鼠标指针移动到该元素时执行
onMouseLeave={
this.closeDelete.bind(this, index)} //当鼠标指针移出该元素时执行
key={
index