antd抽屉组件自定义右上角

要自定义 Ant Design 的抽屉组件右上角，可以使用 `title` 属性来设置标题，并且将其包裹在一个自定义的容器中。然后，在该容器内添加一个自定义的按钮来实现你想要的样式和功能。

以下是一个示例代码，演示如何使用自定义的容器和按钮来替换默认的右上角关闭按钮：

import { Drawer } from 'antd';

const CustomDrawer = () => {
  const onClose = () => {
    // 关闭抽屉
  };

  return (
    <Drawer
      title={
        <div>
          <span>自定义标题</span>
          <Button type="text" onClick={onClose} style={{ float: 'right' }}>
            自定义按钮
          </Button>
        </div>
      }
      onClose={onClose}
      visible={true}
    >
      {/* 抽屉的内容 */}
    </Drawer>
  );
};

export default CustomDrawer;

在这个示例中，我们使用了一个 `div` 元素来包裹标题和按钮，并使用 `float` 样式将按钮放置在标题的右侧。然后，我们将该 `div` 元素作为 `title` 属性的值传递给 `Drawer` 组件。最后，我们使用 `onClose` 属性来设置自定义按钮的点击事件，以便关闭抽屉。

你可以根据需要修改按钮的样式和功能，以达到你想要的效果。