如何在ant设计列表项上添加悬停

import React from 'react';
import { List } from 'antd';

class MyList extends React.Component {
  handleItemHover = (e) => {
    // 在这里处理鼠标悬停事件
    // 可以修改列表项的样式，比如改变背景色、添加阴影等
    e.target.style.backgroundColor = 'lightgray';
  }

  render() {
    return (
      <List>
        <List.Item onMouseEnter={this.handleItemHover} onMouseLeave={(e) => { e.target.style.backgroundColor = 'white'; }}>
          列表项1
        </List.Item>
        <List.Item onMouseEnter={this.handleItemHover} onMouseLeave={(e) => { e.target.style.backgroundColor = 'white'; }}>
          列表项2
        </List.Item>
        <List.Item onMouseEnter={this.handleItemHover} onMouseLeave={(e) => { e.target.style.backgroundColor = 'white'; }}>
          列表项3
        </List.Item>
      </List>
    );
  }
}

export default MyList;