如何在antd react表中使用popconfirm？

import { Table, Popconfirm, message } from 'antd';
import React from 'react';

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

const columns = [
  {
    title: 'Name',
    dataIndex: 'name',
    key: 'name',
  },
  {
    title: 'Age',
    dataIndex: 'age',
    key: 'age',
  },
  {
    title: 'Address',
    dataIndex: 'address',
    key: 'address',
  },
  {
    title: 'Action',
    key: 'action',
    render: (text, record) => (
      <Popconfirm
        title="Are you sure you want to delete this record?"
        onConfirm={() => handleDelete(record.key)}
        okText="Yes"
        cancelText="No"
      >
        <a href="#">Delete</a>
      </Popconfirm>
    ),
  },
];

const handleDelete = (key) => {
  // 执行删除操作的逻辑，可以发送请求到后端进行删除

  message.success('Record deleted successfully');
};

class MyComponent extends React.Component {
  render() {
    return (
      <Table dataSource={data} columns={columns} />
    );
  }
}