antd表格在分页时向上滚动单击

import React, { useState } from 'react';
import { Table } from 'antd';

const dataSource = [
  // 数据源
];

const columns = [
  // 列配置
];

const App = () => {
  const [selectedRowKeys, setSelectedRowKeys] = useState([]);

  const handleRowClick = (record, index) => {
    // 处理行点击事件
    const tableBody = document.querySelector('.ant-table-body');
    const rowHeight = 54; // 假设每行高度为54px
    const scrollTop = rowHeight * index; // 计算滚动条滚动的距离
    tableBody.scrollTop = scrollTop;
  };

  const rowSelection = {
    selectedRowKeys,
    onChange: setSelectedRowKeys,
  };

  return (
    <Table
      dataSource={dataSource}
      columns={columns}
      pagination={true}
      rowSelection={rowSelection}
      onRow={(record, index) => ({
        onClick: () => handleRowClick(record, index),
      })}
    />
  );
};

export default App;