onRowMouseOver未在react-bootstrap表中触发

import React from 'react';
import { Table } from 'react-bootstrap';

class MyTable extends React.Component {
  handleRowMouseOver = (event, rowData) => {
    // 在鼠标悬停在表格行上时执行的操作
    console.log('鼠标悬停在行上:', rowData);
  }

  render() {
    const tableData = [
      { id: 1, name: 'John' },
      { id: 2, name: 'Jane' },
      { id: 3, name: 'Bob' }
    ];

    return (
      <Table>
        <thead>
          <tr>
            <th>ID</th>
            <th>Name</th>
          </tr>
        </thead>
        <tbody>
          {tableData.map(row => (
            <tr key={row.id} onMouseOver={event => this.handleRowMouseOver(event, row)}>
              <td>{row.id}</td>
              <td>{row.name}</td>
            </tr>
          ))}
        </tbody>
      </Table>
    );
  }
}

export default MyTable;