如何从每次单击expandable按钮时展开的antd表中获取数据

const data = [
  {
    key: '1',
    name: 'John Doe',
    age: 28,
    address: 'New York',
    details: 'Some details about John Doe',
  },
  // 其他数据行...
];

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

const MyTable = () => {
  const handleExpand = (expanded, record) => {
    console.log('Expanded:', expanded);
    console.log('Record:', record);
    // 在这里可以处理展开按钮的点击事件，获取到当前展开的行的数据
  };

  const columns = [
    {
      title: 'Name',
      dataIndex: 'name',
      key: 'name',
    },
    {
      title: 'Age',
      dataIndex: 'age',
      key: 'age',
    },
    {
      title: 'Address',
      dataIndex: 'address',
      key: 'address',
    },
  ];

  const expandedRowRender = (record) => {
    return <p>{record.details}</p>;
  };

  return (
    <Table
      columns={columns}
      dataSource={data}
      expandable={{
        onExpand: handleExpand,
        expandedRowRender: expandedRowRender,
      }}
    />
  );
};

export default MyTable;