antd的dropdown用法

Ant Design的Dropdown组件是一个下拉菜单，用于在某个元素上展示一个菜单列表。下面是一个简单的使用示例：

import { Dropdown, Menu } from 'antd';
import { DownOutlined } from '@ant-design/icons';

const menu = (
  <Menu>
    <Menu.Item key="1">菜单项1</Menu.Item>
    <Menu.Item key="2">菜单项2</Menu.Item>
    <Menu.Item key="3">菜单项3</Menu.Item>
  </Menu>
);

<Dropdown overlay={menu}>
  <a className="ant-dropdown-link" onClick={e => e.preventDefault()}>
    下拉菜单 <DownOutlined />
  </a>
</Dropdown>

在上面的代码中，我们先创建了一个菜单（Menu）组件，其中包含了三个菜单项。然后我们将这个菜单作为Dropdown组件的overlay属性传入，这样当点击Dropdown组件时，就会展示这个菜单。

注意，在展示菜单的元素上，我们需要添加一个类名为`ant-dropdown-link`的链接，并且阻止链接的默认行为，否则会直接跳转链接。我们还可以在链接上添加其他的图标或文字，这里我们使用了Ant Design提供的DownOutlined图标。

除了overlay属性外，Dropdown组件还有其他一些常用的属性，比如placement属性用于指定菜单的展示位置，trigger属性用于指定触发下拉菜单的方式。具体用法可以参考Ant Design官方文档。