如何使用Ant Design表添加空白的可编辑行？

import { Table, Button } from 'antd';

const columns = [
  {
    title: '姓名',
    dataIndex: 'name',
    key: 'name',
  },
  {
    title: '年龄',
    dataIndex: 'age',
    key: 'age',
  },
  {
    title: '操作',
    dataIndex: 'operation',
    render: (_, record) =>
      dataSource.length >= 1 ? (
        <Button onClick={() => handleDelete(record.key)}>删除</Button>
      ) : null,
  },
];

const dataSource = [
  {
    key: '0',
    name: '张三',
    age: 18,
  },
  {
    key: '1',
    name: '李四',
    age: 20,
  },
];

const [data, setData] = useState(dataSource);

const handleAdd = () => {
  const newData = {
    key: data.length.toString(),
    name: '',
    age: '',
  };
  setData([...data, newData]);
};

<Table
  dataSource={data}
  columns={columns}
  pagination={false}
/>

<Button onClick={handleAdd}>添加行</Button>