在Ant Table中行悬停时呈现操作菜单

<Table
  dataSource={dataSource}
  columns={columns}
  onRow={(record, index) => ({
    onMouseEnter: () => {
      // 鼠标进入行时的操作
    },
    onMouseLeave: () => {
      // 鼠标离开行时的操作
    },
  })}
/>

const [hoveredRow, setHoveredRow] = useState(null);

const handleMouseEnter = (record, index) => {
  setHoveredRow(index);
};

const handleMouseLeave = () => {
  setHoveredRow(null);
};

<Table
  dataSource={dataSource}
  columns={columns}
  onRow={(record, index) => ({
    onMouseEnter: () => handleMouseEnter(record, index),
    onMouseLeave: handleMouseLeave,
  })}
  rowClassName={(record, index) =>
    index === hoveredRow ? 'hovered-row' : ''
  }
  // 其他配置项
/>

const columns = [
  // 其他列配置
  {
    title: '操作',
    dataIndex: 'actions',
    render: (text, record, index) =>
      index === hoveredRow ? (
        <Menu>
          <Menu.Item key="view">查看</Menu.Item>
          <Menu.Item key="edit">编辑</Menu.Item>
          <Menu.Item key="delete">删除</Menu.Item>
        </Menu>
      ) : null,
  },
];