react中antd的下拉菜单

在React中使用Ant Design的下拉菜单可以通过Ant Design提供的Select组件来实现。Select组件提供了丰富的下拉菜单功能，包括单选、多选、搜索、分组等。

使用Select组件需要先引入Ant Design的样式文件和Select组件，然后在代码中使用<Select>标签来创建下拉菜单。例如：

import { Select } from 'antd';
const { Option } = Select;

function handleChange(value) {
  console.log(`selected ${value}`);
}

<Select defaultValue="lucy" style={{ width: 120 }} onChange={handleChange}>
  <Option value="jack">Jack</Option>
  <Option value="lucy">Lucy</Option>
  <Option value="disabled" disabled>
    Disabled
  </Option>
  <Option value="Yiminghe">yiminghe</Option>
</Select>

其中，defaultValue属性设置默认选中的选项，style属性设置下拉菜单的宽度，onChange属性设置选项变化时的回调函数。

<Select>标签内部可以使用<Option>标签来定义选项，value属性设置选项的值，disabled属性设置选项是否可用。

如果需要实现多选功能，只需要将<Select>标签的mode属性设置为'multiple'即可。